怎样使用CSS设计水平导航条

1、需要两个小小的图片，分别用来填充背景与分隔条。

2、编写html代码，很简单，用ul、li列表就可以了。下面是原代码：（包含效果图）

4、最后再美化一下，给a标签左右2em的间距，同时加上竖线背景（mainNavBorder.jpg）,并弄上:hover时的变化（这里只是让颜色变化） 在上面的CSS基础上，添加如下代码：