當前項帶下劃線的標準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   class="iwvjtn8m0"   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菜單