[CSS]スクリプト無しで、リスト要素をプルダウンにするスタイルシート

IE6などクロスブラウザ対応の、リスト要素をプルダウンにするスタイルシートのチュートリアルをPro Blog Designから紹介します。

デモのキャプチャ

How to Create a Beautiful Dropdown Blogroll Without JavaScript
demo

ドロップダウンは、見出し箇所(p要素)とドロップダウン箇所(ul要素)で実装されており、下記のようになっています。

HTML

シンプルなHTMLなので、CSSオフ時には見出しとリストがそのまま表示されます。

sponsors

top of page

©2018 coliss