无法制作Css菜单

Question

如何在CSS中执行导航菜单？我想要一个带有4个菜单按钮的菜单！一直在搜索谷歌和问朋友，但hasen't能够找出一些东西！

在此先感谢！

Answer 1

首先，请先阅读关于此问题的第一个答案，然后再发布。这将帮助你这样理解是此行的目的： https://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link-to-it

工作例如： http://jsfiddle.net/k3AbH/1/

HTML：

<ul> 
    <li><a href="http://www.google.com">Item 1</a></li> 
    <li><a href="http://www.google.com">Item 2</a></li> 
    <li><a href="http://www.google.com">Item 3</a></li> 
    <li><a href="http://www.google.com">Item 4</a></li> 
</ul> 

CSS：

ul li { 
    float:left; 
    list-style:none; 
} 

ul li a { 
    padding:6px 10px; 
    border-right:1px soliC#C0C0C0; 
    font-size:13px; 
    color:#FFF; 
    background-color:#A1A1A1; 
    display:block; 
} 

ul li a:hover { 
    background-color:#C0C0C0; 
} 

Answer 2

<ul> 
    <li></li> 
    <li> 
     <ul> 
      <li></li> 
      <li></li> 
     </ul> 
    </li> 
</ul> 

ul li > ul { display: none; } 
ul li:hover > ul { display: block; }