如何用DIV+CSS做漂亮的横排导航栏

1、先写好导航栏所需要的基本的html代码，具体的代码如下。

2、测试结果应如图，下面我们通过css来改变它的样式，首先为ul设置样式。

3、给它一个合适的框高以及居中对齐，对齐代码及注释如下，浏览器查看效果如下。

4、再为ul中的la设置样式，具体代码及注释如下，浏览器查看效果如下。

5、再为la中的a标签设置样式，具体代码及注释如下，浏览器查看效果如下。

6、然后我们给a标签设置一个伪类，具体代码及注释如下，浏览器查看效果如下。