做全栈攻城狮-每日更新原创it编程技术及日常实用视频。
主要内容:这是html课程的第七课,在这节课程中主要做一个小项目,那就是通过以前我们一起学习的知识点,制作一个360导航页。
上节回顾
在上一节课中,我们讲解了表格和body的相关属性。今天我们就按照表格制作一个360导航。当然也会用到以前用到的知识点,算是一个小的复习吧。
总体布局介绍
我们只做上面的选中部分,在以后的课程中可能会慢慢的增加进去新的内容。从图片中可以看到,包括8行6列。所以我们需要写一个对应行和列的表格。
这样就显示了主要的布局。大体是这个样子,下面进行微调。
单元格之间的距离
在效果中可以很简单的看到,单元格之间的距离太小了,以至于都要挤在一起了,所以我们设置单元格之间的边距。通过设置cellspacing属性就可以啦。
部分文字
可以看到部分文字有其他颜色,我们也设置一下:
居中显示
可以看到每个单元内是居中显示的。所以应该这样做
没有学习css所以很多东西做不到。目前就做个这样子。算是一部分,在学习完毕之后,我们继续做这个项目。
最终代码
360搜索商城 新浪微博 天猫精选 搜狐视频 网易邮箱 凤凰军事
360游戏 爱 淘 宝 360网上购物 360苏宁易购 360安全卫士 携程旅行
淘 宝 网 国美在线聚 划 算 360搜索商城 360搜索商城 360搜索商城 360搜索商城
360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城
360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城
360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城
360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城
360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城 360搜索商城
每天一个知识点,带你迈向软件编程大神,一起努力吧。下节课程,一起讲解重要知识点列表。