任务二　个人网站导航的制作

任务二　个人网站导航的制作

任务要求

（1）打开1602.html，另存为1701.html。

（2）在〈section〉标签前添加〈header〉标签。

（3）使用无序列表输入导航内容，设置左浮动。

（4）去掉li前面的小点，调整第一个li外边距为左20px，右350px。

（5）第一个li中插入图片高度为45px，距离顶部外边距13px。

（6）设置li里面的a内边距为上下25px，左右20px。

（7）设置ul背景颜色为天蓝色，并且清除浮动。效果如图17.2.1所示，其CSS代码如图17.2.2所示，HTML代码如图17.2.3所示。

图17.2.1　效果图

图17.2.2　CSS代码部分

图17.2.3　HTML代码部分