入土系列 | 前端入门实战项目（五） - 编程

实战项目五：中融宝

设计要求

1、设置index.html网页的标题为：山东互联网金融行业翘楚-【官网】

2、定义标签样式body{ }，设置页面外边距、内边距为0px，页面字体大小为12px，字体颜色#999，行高200%。

3、在页面顶部表单的提交按钮上添加行为，当点击提交按钮时检查表单，要求用户名和密码为必填。

4、要求菜单中首页我要投资上地计划我要融资理财问答安全保障关于我们超链接设置为空链接，字体大小为16px，颜色为#666，无下划线，当鼠标放上去时字体颜色变为红色。

5、设置高收益更可靠快流动真安全为标题3、字体大小32px、颜色#666，该区域图片及文字制作如下图所示。

6、网页中出现的水平横线及边框线均为1px，颜色为#CCC的实线。

7、中下部区域背景颜色为#f7f7f，该区域文字除标题、年化收益率、融资金额、期限、投标中及进度字体大小为12px外其余字体大小为20px。上地计划字体为红色，计划B颜色为#13b6a5。该区域图片及文字制作如下图所示。

8、页面底部区域背景颜色为#272c37，其中关于我们新手入门网站地图免责声明隐私声明平台数据统计颜色为#CCC。

9、页面底部右方三张图片设置宽度为100，高度30，如下图所示。

10、申请免费空间，掌握网站上传的方法，上传你的网站能够通过域名访问。

免费空间网址：http://free.3v.do/

素材获取

所有设计要求，都在后台获取的设计图中，不再用文字叙述，直接开干。

设计图和素材，都放在公众号后台回复：

【QDSZ5】即可获取！

小结

入土系列前端入门实战项目共十个，十天内完成即可。

项目中遇到什么问题，欢迎加入小鹿大大前端技术切磋群和 200 名小伙伴一起切磋，切磋，看谁更硬核。

入土系列 | 前端入门实战项目（五）