無法制作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; }