用CSS做导航条

插入table！先插入一个1行13列的table!内容竖线内容竖线内容竖线内容竖线内容竖线内容竖线内容然后在内容上写上你的菜单，竖线上写上你的竖线！内容上的超链接就定义好超链接颜色！例如：a{ text-decoration:nonecolor:#000000}a:hover{ text-decoration:underlinecolor:#FF0000}至于每个菜单之间的距离，你在td上面定义，如果定义线颜色，也可以在td上面定义！高度用height,颜色如果在样式上写就color,直接写就用font-color吧！PS：你补习下Html的基本知识吧，很多东西很难说！制作就用dreamweaver吧，容易上手 <答案非本人所写，但愿能帮到你》

1、新建一个html页面。

2、在html页面上新建三个div标签，分别为这三个div添加class为:header、main、footer。

3、创建style标签用于设置css样式。在title标签下创建一个style标签，然后为header类设置div的高、背景颜色样式。

4、为显示主要内容的main类设置样式。在style标签里设置main类样式的边框、宽、高、背景颜色。

5、设置底部footer的样式。在style标签里添加footer类样式的背景颜色和高度。

6、保存好html文件后使用浏览器查看效果。

7、在浏览器上看到div标签和浏览器存在一些空白的像素，为了去掉这些空白的像素我们需要把body标签设置外边框。

方法很多，但以楼主这幅图来看，最简单的方法就是：

line-height的值和height值相同

再者每一个分隔线切成2px的小图做为背景出现，是个不错选择，你试一下 :)

---