1 <title>紫罗兰风格的导航条_网页代码站(www.webdm.cn)</title>
2 <style type="text/css">
3 body {margin:0;padding:0;font: bold 11px/1.5em Arial;}
4 img {border: none;}
5 #roScripts_m1 {float:left;width:100%;background:#F6ECFD;
6 font-size:96%;line-height:1.5;border-bottom:3px solid #CD86F5;}
7 #roScripts_m1 ul {margin:0;padding:100px 10px 0 25%;list-style:none;}
8 #roScripts_m1 li {display:inline;margin:0;padding:0;}
9 #roScripts_m1 a {float:left;background:url(http://www.webdm.cn/images/20090910/left3.gif) no-repeat left top;
10 margin:0;padding:0 0 0 4px;text-decoration:none;}
11 #roScripts_m1 a span {float:left;display:block;background:url(http://www.webdm.cn/images/20090910/right3.gif)
12 no-repeat right top;padding:5px 25px 4px 25px;color:#fff;}
13 #roScripts_m1 a span {float:none;}
14 #roScripts_m1 a:hover span {color:#591333;}
15 #roScripts_m1 a:hover {background-position:0% -42px;}
16 #roScripts_m1 a:hover span {background-position:100% -42px;}
17 #roScripts_m1 #current a {background-position:0% -42px;}
18 #roScripts_m1 #current a span {background-position:100% -42px;color:#591333}
19 .clear {clear:left}
20 </style>
21 <div id="roScripts_m1">
22 <ul>
23 <li><a href="/"><span>WebDm.cn</span></a></li>
24 <li><a href="/"><span>网页特效</span></a></li>
25 <li id="current"><a href="http://www.webdm.cn/"><span>最新更新</span></a></li>
26 <li><a href="/"><span>留言板</span></a></li>
27 <li><a href="/"><span>广告联系</span></a></li>
28 </ul>
29 <div class="clear"></div>
30 </div>
31 <br>
32 <a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
文章来自：http://www.webdm.cn/webcode/f7ccac3b-ad0c-44f5-b72d-684776500018.html