ドロップダウンメニュー

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に基づいて、これはあなたのニーズをきちんと合わせるべきだと思います。

Answer 2

ドロップダウンメニューはHTML/CSSでのみ使用できません。 JavaScriptを使用する必要があります。

HTMLのSELECTタグでドロップダウンメニューを作成できますが、JSなしでは機能しません。