这节课介绍了如何使用CSS将导航条完善，包括给导航条添加链接、修改文字大小、定义链接样式以及实现鼠标悬停时的背景色变化。通过调整a标签的display属性、浮动和内边距，解决了在不同浏览器中的显示问题，使得导航条在IE6和FF中显示一致。
上节课我们将导航条做成了下面的效果
但是此时的导航条还没有链接，还不能点击，这节课我们就要做一个完整的导航条
【第四步】
我们需要将上面的导航条做以下几个修改
1)给上面的导航加上链接；
2)链接文字大小修改为12px;
3)并且规定链接样式，鼠标移上去和拿开的效果
修改方法如下
1)导航加链接，HTML代码如下：
复制代码代码如下:
2) 文字大小12像素，CSS代码如下
复制代码代码如下:
a{font-size:12px;}
3)鼠标移动上面和拿开效果
复制代码代码如下:
#nav ul li a{color:#333; text-decoration:none;}
#nav ul li a:hove
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
