エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSだけで作る最も単純なプルダウンメニュー(ドロップダウンメニュー)【Webデザイン】
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSだけで作る最も単純なプルダウンメニュー(ドロップダウンメニュー)【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。 今まではIE6の存在等もあってCSSだけでプルダウン... 1年以上前の記事です。内容が古い可能性があります。 今まではIE6の存在等もあってCSSだけでプルダウンメニューを作るのはほぼ不可能でしたが、CSSがより多くのブラウザでしっかりと反映されるようになってきたので、CSSだけでプルダウンメニューを書くことができるようになりました。 今回は、その手順を解説していこうと思います。 CSSとHTMLを公開すればそれでOKかというとそうでもないので、作る手順をなるべく最初から段階的に解説していこうと思います。 最初にHTMLを用意します。入れ子のリストを作ってそれぞれにリンクを設定します。 <ul id="dropmenu"> <li><a href="#">親メニュー</a> <ul> <li><a href="#">子メニュー</a></li> <li><a href="#">子メニュー</a></li> <li><a href="#">子メニュ