三款css横向二级菜单效果代码

• seo教程ver="displaysubmenu(this)" onmouseout="hidesubmenu(this)">
  
  
  
  
  • 
    
  • 
    
  • 
    
  • 
    
  
  


• 
  
  
  
  
  • 
    
  • 
    
  • 
    
  • 
    
  • 
    
  
  


• 
  
  
  
  
  • 
    
    
    
    
    • 
      
    • 
      
    • 
      
    • 
      
    
    
  
  
  • 
    
  • 
    
    
    
    
    • 
      
    • 
      
    • 
      
    
    
  
  
  
  

导航菜单三

"http://www.***w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">

ul#nav a {
font-size:14px;
line-height:17px;
display: block;
padding:0 0 0 10px;
width:78px;
color: #777;
height:17px;
background: #fff;
border-left:solid 1px #fff;
border-top:solid 1px #fff;
border-right:solid 1px #fff;
border-bottom:solid 5px #697210;
}
ul#nav ul li{
width:100px;
border:0;
}
/* fix ie. hide from ie mac */
* html ul#nav li { float: left; height: 17px; }
* html ul#nav li a { height: 17px; }
ul#nav ul a { padding: 2px 0px 2px 10px;border:0;width:90px; }
ul#nav li:hover ul,ul#nav li.over ul { display: block; }

一款面试时写的菜单