CSS标识当前页

<html>
<head>
<title>
CSS标识当前页
</title>
<style type="text/css">
#home #nav li#m1 a, 
#about #nav li#m2 a, 
#products #nav li#m3 a, 
#services #nav li#m4 a, 
#contact #nav li#m5 a{color: #FFF;background: #DC4E1B url(navbg.gif) no-repeat; }

div li{float:left; padding:5px;}
</style>
</head>
<body>
<div id="home">
<ul id="nav"> 
<li id="m1"><a href="index.html">Home</a></li>
<li id="m2"><a href="about.html">About</a></li> 
<li id="m3"><a href="products.html">Products</a></li> 
<li id="m4"><a href="services.html">Services</a></li> 
<li id="m5"><a href="contact.html">Contact</a></li> 
</ul>
</div>
</body>
</html>
posted @ 2007-06-05 08:36  M'  阅读(462)  评论(0)    收藏  举报