<html>
<標題>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>網頁特效觀止|http://www.downcodes.com/|---CSS製作的遮光連結文字</title>
</head>
<body>
<風格>
ul,li{ 邊距:0px;填充：0px；列表樣式類型：無；}
http://www.downcodes.com/nav{font-family: Verdana, "宋體", Arial;}
http://www.downcodes.com/nav li{ float:left;左邊距：30px；}
http://www.downcodes.com/nav span{display:none;}
http://www.downcodes.com/nav a{字體大小：12px；字體粗細：粗體；顏色：http://www.downcodes.com/FF6600；文字裝飾：無；顯示：塊；}
http://www.downcodes.com/nav a:hover{ 顏色:http://www.knowsky.com/999;top:1px;左：1px；位置：相對；}
http://www.downcodes.com/nav a:hover span{ 顯示:block;頂部：-2px；左：-2px；位置：絕對；顏色：http://www.downcodes.com/FF3300；遊標：指針；}
</風格>
<div id="導航">
<ul>
<li> <a href=" http://www.downcodes.com/ ">網站首頁<span>網站首頁</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">網站首頁<span>網站首頁</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">網站首頁<span>網站首頁</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">網站首頁<span>網站首頁</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">網站首頁<span>網站首頁</span></a></li>
</ul>
</div>
</body>
</html>