<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>