ダウンメニューの基本
WEB
CSSHTML
「ドロップダウンメニュー」とか「プルダウンメニュー」とか呼び方は色々ありますが、やりたいことは「親メニューをクリックしたら子メニューが表示される」ただそれだけです。
なのに、これも何故か毎回苦労するもののひとつだったんですよねぇ・・・
最近、リストを入れ子にすることに抵抗がなくなりました。
HTMLは基本型が決まってるんだな、と納得しました。
あとはCSSのみです。
そのCSSも、基本はほぼ決まっていて、あとは動きのバリエなんだな、と思わせてくれたサイトがこちら。
【参考】CSSで作ったドロップダウンメニューのドロップの動きいろいろ
理解してしまえば何でもカンタンに思えるものですね。