1、将导航栏里面的几个条目都做成无序列表里面的项
2、利用css将列表项的list-style,float等等属性设置，使列表项横排排列。
3、设置链接的属性就可以了。
一般都是这样做的，利用图片或者flash的话，网页会变大一点，对于网速慢的人来说，不方便访问。所以在能利用css的地方就尽量避免用图片或者falsh
<html><head></head>
<body>
<style type="text/css">
li{list-style-type:none
}
a{text-decoration:none
}
.lanmu{
width:980px
height:120px
border:1px #993399 solid
margin:0 auto
}
.lanmu ul {
width:900px
height:60px
margin:0 auto
border:1px #9900CC solid
margin-top:30px}
.lanmu ul li {
width:210px
height:30px
float:left
margin-top:10px
border:1px solid
text-align:center
padding-top:10px}
</style>
<div class="lanmu">
<ul>
<li><a href="#">栏目1</a></li>
<li><a href="#">栏目2</a></li>
<li><a href="#">栏目3</a></li>
<li><a href="#">栏目4</a></li>
</ul>
</div>
</body>
</html>
结合css就可以了
#换成你想要的链接 ，再把边框线去掉就可以了
css定义一条导航栏首先建立一个DIV，为其命名为“nav”，在DIV中建立一个<ul>无序列表，导航共有几个栏目，就为列表添加几个<li>的列表项，为每个列表项中的内容加上超链接，链接到所需的项目页面。
然后设置CSS样式，为列表规定宽度和高度，去掉列表前面的符号，代码为：
ul {width:宽度值；height：高度值； list-style:none；}
如果是横向导航，还需为里面的列表项<li>标签设置左浮动的样式，代码为：li {float:left}
每个栏目之间分隔的距离可通过margin（外边距）属性来设置。
导航条的更多样式及详细步骤可去这里参考http://jingyan.baidu.com/article/da1091fb05fe93027849d600.html
