横线从中间穿过的CSS菜单_网页代码站(www.webdm.cn)

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html>
3 <head>
4 <title>横线从中间穿过的CSS菜单_网页代码站(www.webdm.cn)</title>
5 <style type="text/css">
6 <!--
7 ul#navlist
8 {
9 font: bold 12px verdana;
10 list-style-type: none;
11 padding-bottom: 18px;
12 border-bottom: 1px solid #6c6;
13 margin: 0;
14 }
15
16 ul#navlist li
17 {
18 float: left;
19 height: 21px;
20 background-color: #cfc;
21 margin: 2px 2px 0 2px;
22 border: 1px solid #6c6;
23 }
24
25 li#active a
26 {
27 border-bottom: 1px solid #fff;
28 background-color: #fff;
29 }
30
31 li#active a { color: #003399; }
32 #navlist a
33 {
34 float: left;
35 display: block;
36 color: #666;
37 text-decoration: none;
38 padding: 4px;
39 }
40 #navlist a:hover { background: #fff; }
41 -->
42 </style>
43 </head>
44
45 <body>
46 <div id="navcontainer">
47 <ul id="navlist">
48 <li id="active"><a href="http://www.webdm.cn/" id="current">首页</a></li>
49 <li><a href="http://www.webdm.cn/wenwen/">问问</a></li>
50 <li><a href="#">新增词条</a></li>
51 <li><a href="#">常用词条</a></li>
52 <li><a href="#">版权</a></li>
53 <li><a href="http://www.webdm.cn/">网页代码站</a></li>
54 </ul>
55 </div>
56 </body>
57 </html>
58 <br>
59 <a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!

文章来自:http://www.webdm.cn/webcode/df76d7f6-a775-44e3-94a4-8f04f3241032.html

posted @ 2011-01-03 15:05  网页代码站  阅读(467)  评论(0编辑  收藏  举报