当前项带下划线的标准CSS菜单

2024-09-05 12:20:00

字体：大中小

来源：转载

供稿：网友

当前项带下划线的标准CSS菜单，当鼠标停留在菜单某项的时候，菜单下方会出现下载线，清淅的导示出菜单的当前位置，而且色彩与背景的搭配很合理，整个CSS菜单视觉效果挺棒！

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>当前项带下划线的标准CSS菜单</title><style>body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center}#navcontainer{width:778px}#navlist		{			margin: 0;			padding: 0 0 20px 20px;			border-bottom: 1px solid #444;		}				#navlist ul, #navlist li		{			margin: 0;			padding: 0;			display: inline;			list-style-type: none;		}				#navlist a:link, #navlist a:visited		{			float: left;			line-height: 14px;			margin: 0 10px 4px 10px;			text-decoration: none;			color: #999;		}				#navlist a:link#current, #navlist a:visited#current, #navlist a:hover		{			border-bottom: 1px solid #76B41C;			padding-bottom: 5px;			background: transparent;			color: #fff;		}				#navlist a:hover { color: #fff; }</style></head><body><p> </p><p> </p><div id="navcontainer"><ul id="navlist"><li>网页特效</li><li>网站说明</li><li>网页代码</li><li>编程资源</li><li>精品脚本</li><li>ASP源代码</li><li>PHP源代码</li><li>EXT实例</li></ul></div></body></html>

上一篇：竖向蓝色漂亮CSS菜单，移动鼠标变背景

下一篇：动感伸缩、关闭的JS+CSS菜单