下拉菜單

Question

可能重複：
CSS Drop Down Menu

我想創建一個下拉菜單（在導航欄上），但我一直沒能做到所以還沒有（是的，我是新來的CSS和HTML）..因此，到目前爲止，我在CSS如下：

#navbar ul { 
margin: 0; 
padding: 5px; 
list-style-type: none; 
text-align: center; 
background-color: #000; 
} 

#navbar ul li { 
display: inline; 
} 

#navbar ul li a { 
text-decoration: none; 
padding: .2em 1em; 
color: #fff; 
background-color: #000; 
} 

然後，我有在HTML以下：

<div id="navbar"> 
<ul> 
<li><a href="abc.html">| ABC |</a></li> 
<li><a href="xyz.html">| XYZ |</a></li> 
</ul> 
</div> 

我想要的是更多的下拉菜單下ABC和XYZ的子菜單。 有人可以指出我在正確的方向來實現這一目標嗎？

在此先感謝。

Answer 1

根據this StackOverflow question，指向this page as an answer，我認爲這應該很適合您的需求。

Answer 2

只有使用HTML/CSS才能實現下拉菜單。你必須使用JavaScript。

您可以使用HTML中的SELECT-Tag製作下拉菜單，但如果沒有JS，它將沒有功能。