纯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下载