HTML+CSSで作る2段のドロップダウンメニューのサンプルページ

これは、サブメニューが1階層だけある2段階メニューの例です。3段階の例はこちら

ドロップダウンメニューのサンプルです。 メニュー構造はHTMLのリスト(ul要素やli要素)で作成し、メニューらしく見える装飾と開閉動作にはCSSを使用しています。
詳しい作り方や構造の解説に関しては、解説記事本文(p.2~p.6)をご参照下さい。