有颜色标记的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 xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <title>有颜色标记的Css导航菜单_网页代码站(www.webdm.cn)</title>
5 <style type="text/css">
6 <!--
7 #navlist
8 {
9 padding: 0 1px 1px;
10 margin-left: 0;
11 font: bold 12px Verdana, sans-serif;
12 }
13
14 #navlist li
15 {
16 list-style: none;
17 margin: 0;
18 border-top: 1px solid gray;
19 display: inline;
20 }
21
22 #navlist li a
23 {
24 padding: 0.25em 0.5em 0.25em 0.75em;
25 border-left: 1em solid #AAB;
26 background: #CCD;
27 text-decoration: none;
28 }
29
30 #navlist li a:link { color: #448; }
31 #navlist li a:visited { color: #667; }
32
33 #navlist li a:hover
34 {
35 border-color: #FE3;
36 color: #FFF;
37 background: #332;
38 }
39 -->
40 </style>
41 </head>
42 <body>
43
44 <div id="navcontainer">
45 <ul id="navlist">
46 <li id="active"><a href="/" id="current">首页</a></li>
47 <li><a href="http://www.webdm.cn">ASP</li>
48 <li><a href="#">PHP</li>
49 <li><a href="#">JSP</li>
50 <li><a href="#">JAVA</li>
51 </ul>
52 </div>
53 </body>
54 </html>
55
56 <a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!


文章来自:http://www.webdm.cn/webcode/4866ee15-8364-4e54-a411-3c3ef1937fca.html

posted @ 2010-12-17 09:52  网页代码站  阅读(727)  评论(0编辑  收藏  举报