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