代碼如下:
---------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<style type="text/css">
body {font-size:12px;}
a {color:#000; text-decoration:none;}
a:hover {color:#F00;}/*主菜單偽類*/
#menu {width:100px; border:1px solid #ccc;}
#menu ul {list-style:none; margin:0px; padding:0px;}
#menu ul li {background:#eee; padding: 0px; height:26px; line-height:26px;/*字體在上下邊框的劇中位置*/ border-bottom:1px solid #ccc; position:relative;}
#menu ul li ul {display:none;/*隱藏此UL*/ position:absolute; left:100px; top:0px; width:100px; border:1px solid #ccc; border-bottom:none; }
#menu ul li:hover ul {display:block;}/*ul li下的ul顯示*/
/*修改了這裏*****************************************/
#menu ul li ul b{ color: #FF0000}
/*修改了這裏*****************************************/
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="@#">首頁</a>
<li><a href="#">網頁版式布局</a>
<ul>
<li><a href="#"><b >自適應寬度</b></a></li>
<li><a href="#">固定寬度</a></li>
</ul>
</li>
<li><a href="#">div+css教程</a>
<ul>
<li><a href="#">新手入門</a></li>
<li><a href="#">視頻教程</a></li>
<li><a href="#">常見問題</a></li>
</ul>
</li>
<li><a href="#">div+css實例</a></li>
<li><a href="#">常用代碼</a></li>
<li><a href="#">站長雜談</a></li>
<li><a href="#">技術文檔</a></li>
<li><a href="#">資源下載</a></li>
<li><a href="#">圖片素材</a></li>
<li><a href="#">常用代碼</a></li>
<li><a href="#">站長雜談</a></li>
<li><a href="#">技術文檔</a></li>
<li><a href="#">資源下載</a></li>
<li><a href="#">圖片素材</a></li>
</ul>
</div>
</body>
</html>