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，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。*/横向菜单栏底部右侧菜单：HTMLCSS/*去掉列表默认样式*/05:09
转载请注明：http://www.aierlanlan.com/cyrz/8088.html
