在CSS上下拉菜单

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，它将没有任何功能。