用css制作一个web站点导航栏

现在几乎所有的网站的导航栏都是用css来制作的，随着div与css完美搭档的流行，css在制作网站导航栏方面有其绝对的优势。

思路：li  横排效果 通过 float:left;左浮动即可实现不换行横排显示。

先写好我们的导航栏HTML代码，代码如下：

在这个外围可以加一个div：<div class="naver"></div>

这样看到的页面效果是：

下面是我们写的css样式：

页面效果：

小结：