CSS实例教程：红蓝炫CSS横向菜单_DIV+CSS实例

效果图如下：


　　HTML非常简单：


　　我们主要学习理解CSS代码中的一些知识：


　　看这一段代码，或许你已经非常熟悉了，前面的三个案例MB5U.com这方面的知识已经讲了很多。我们看与前面的案例所不同的地方：


　　无序列表UL的边框为一象素的实线，颜色是#ccc，但是右边框线为无。
　　这是为我们的菜单元素的边框留下位置。


　　链接元素，我们设置了右边框为一象素的实线，颜色是#ccc。
　　这就形成了一个封闭的区域作为链接元素的容器。看上去还不错。


　　这表示链接元素中id为current的属性。文字颜色是#fff，背景色是#f60。
　　这一设置是我们应该记住的东西，它可以设置为当前页面的菜单的id。例如我们现在位于MB5U.com的Div CSS教程这一版块。我们就将“Div CSS教程”菜单的id设为current。它就会以区别于其它菜单的样式来显示。这样的设置还有其它的方法，可以给body赋予一个id。即可以控制整个页面中需要标注的部分，这样的知识我们在以后的MB5U.com的文章是再具体的介绍。

　　我们看最终的运行效果：