如何制作一个导航栏

1、首先要写一个无序列表，并定义导航栏的内容（用div定义），代码和效果如下。

2、然后在css中定义出导航栏的位置。

3、在定义li是导航栏浮动上去，并去掉格式，内容前面的小黑圆点（list-style-type:none;）

4、去下划线：

#nav ul li a{

color:#fff;

text-decoration:none;

}

5、鼠标触动栏目字体时变颜色（拿首页做例子）：

#nav ul li a:hover{

        line-height:30px;

        color:red;      

}