トップ > その他 > HTMLとCSS > プルダウンメニューサンプル

<div>あいうえお
<ul>
<li>メニュー1</li>
<li>メニュー2</li>
</ul>
</div>

こう書くと↓になる。

これにCSSを

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

と言う風にすると↓になる。

対応しているブラウザで見ると、「あいうえお」にマウスをあわせるとメニューが現れます。