首页 » 我的收集 » DIV+CSS » 用CSS突出显示导航栏上的当前分类

用CSS突出显示导航栏上的当前分类

设菜单有5个栏目:home、about、products、services、contact,分别给每个栏目一 个ID,m1-m5,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; }   

 

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

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

引用:0

下面所列的是引用到本博客的链接
用CSS突出显示导航栏上的当前分类 来自 Design4U.cn
顶部