html修改导航栏字体大小,CSS 制作网页导航条(下)

上节课我们将导航条做成了下面的效果

但是此时的导航条还没有链接，还不能点击，这节课我们就要做一个完整的导航条

【第四步】

我们需要将上面的导航条做以下几个修改

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:hov