首先建立一个DIV，为其命名为“nav”，在DIV中建立一个<ul>无序列表，导航共有几个栏目，就为列表添加几个<li>的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}
如果是横向导航，还需为里面的列表项<li>标签设置左浮动的样式，代码为：li {float:left}
每个栏目之间分隔的距离可通过margin（外边距）属性来设置。
导航条的更多样式及详细步骤可去这里参考http://jingyan.baidu.com/article/da1091fb05fe93027849d600.html
其实你说的不是很清楚，如果有什么不明白的再说：
首先是css：
a{ color: #000000}a:hover {color: #fff background: #000 }
然后a标签
<a href="@">点击按钮</a>
这些是a标签的一些样式
a 标签对是一个网站的一条信息链接定义的，a:link {} /* 未访问的链接 */
a:visited {} /* 已访问的链接 */
a:hover {} /* 当有鼠标悬停在链接上 */
a:active {} /* 被选择的链接 */
然后你下面的我大体的说一下
background:none没有背景；
border:none没有边框；
color:#000000font-size:15pxfont-weight:bold字体颜色是黑色的，大小15像素，加粗
background:transparent。意思就是背景透明。实际上background默认的颜色就是透明的属性。所以写和不写都是一样的
导航条是一个网站中必不可少的元素，那么如何用HTML和CSS制作一个导航条呢？下面我给大家分享一下。
工具/材料Sublime Text
首先打开SublimeText软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示
接下来我们在html的body结构里添加导航条的内容，如下图所示
然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面
最后运行html页面，你就会看到如下图所示的导航条，当鼠标放在某个导航上时，背景色会变成红色
![你有《[韩顺平]轻松搞定网页设计(html+css+js)》的教程吗，给我一份好吗，感激不尽](/aiimages/%E4%BD%A0%E6%9C%89%E3%80%8A%5B%E9%9F%A9%E9%A1%BA%E5%B9%B3%5D%E8%BD%BB%E6%9D%BE%E6%90%9E%E5%AE%9A%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%28html%2Bcss%2Bjs%29%E3%80%8B%E7%9A%84%E6%95%99%E7%A8%8B%E5%90%97%EF%BC%8C%E7%BB%99%E6%88%91%E4%B8%80%E4%BB%BD%E5%A5%BD%E5%90%97%EF%BC%8C%E6%84%9F%E6%BF%80%E4%B8%8D%E5%B0%BD.png)
