WEB中，我们经常用到导航菜单，如下图所示，拥有简单易用的导航条对于任何网站都很重要。通过CSS，您能够把乏味的HTML菜单转换为漂亮的导航栏。
导航条=链接列表
在下面的例子中，将用标准的HTML列表来构建导航栏。
导航栏基本上是一个链接列表，因此使用ul和li元素是非常合适的：
举个简单示例：
HTML导入CSS：
/*display:block;使元素显示以块元素显示*/
/*margin外边距属性，padding内边距属性*/
/*list-style:none;清除所有的列表属性的样式*/
/*text-decoration:none;为清除a元素内链接的下划线*/
!--link:{}为访问的链接--
!--visited:{}已访问的链接--
!--active:{}鼠标移动到链接--
!--hover:{}选定的链接--
竖向菜单栏以上为竖向菜单栏的CSS样式，以下为横向菜单栏的CSS格式：
/*overflow属性规定当内容溢出元素框时发生的事情。
这个属性定义溢出元素内容区的内容会如何处理。
如果值为scroll，不论是否需要，用户代理都会提供一种滚动机制。
因此，有可能即使元素框中可以放下所有内容也会出现滚动条。
*/
横向菜单栏底部右侧菜单：
HTML
CSS
/*去掉列表默认样式*/
05:09