CSS设置菜单的横竖转换

          导航条不仅仅可以是竖直排列，还可以在水平方向上显示，通过CSS可以实现导航条的横竖转换。

          首先，建立HTML结构，菜单的各个项目列表使用表示，设置页面的背景颜色，接着设置项目列表的属性，将项目符号设置不显示，在标记中设置字体。

          设置的float属性，使各个项目都水平显示，并且设置的相关属性，代码如下：

          最后，设置超链接的伪类别属性，实现动态的菜单效果。