纯CSS多级菜单

主要代码部分:

/*新增的二级菜单部分*/  
.menu ul ul {  
  visibility:hidden;/*开始时是隐藏的*/  
  position:absolute;  
  left:0px;  
  top:32px;  
}  
.menu ul a:hover ul{  
  visibility:visible;  
}  
.menu ul ul li {  
  clear:both;/*垂直显示*/  
  text-align:left;  
}  

/**或**/

dd { display:none; }
dl:hover dd, a:hover dd { display:block; }
a:hover { border:0; }

 

demo下载

纯CSS多级菜单,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。