ドロップダウンメニューを学ぼう

ドロップダウンメニューとは、プルダウンメニューとも呼ばれ、ユーザーに複数の選択肢の中から選択させるような役割を持ちます。

サイトのヘッダーなどによく使われます。

CSSのみで実装できるので、ぜひ覚えておきましょう。

そんなドロップダウンメニューを学べる記事をまとめました。

セカヤサブログ

URL：https://itokoba.com/archives/1873

基本的な作り方で、CSSのみで実装可能です。まずはこちらで実装の型を覚えましょう。

難易度：★☆☆

UNORTHODOX WORKBOOK

URL：https://theorthodoxworks.com/web-design/drop-down-menu-multi-css/

一言にドロップダウンメニューと言っても、様々なパターンが存在します。

こちらの記事で、多階層のものやメガドロップダウンメニューなどのバリエーションを知りましょう。

難易度：★★☆