[CSS]ナビゲーションに明確なラベルを与えて実装するスタイルシート

dl要素で明確なラベルを与え、シンプルながらスタイリッシュなナビゲーションを実装するスタイルシートをZURBから紹介します。

デモのキャプチャ

How to Create Simple and Effective Sub Navs with Definition Lists
demo

HTMLは、dl要素でシンプルに実装します。

HTML

CSSは、CSS3の角丸を使用します。

CSS

デザイン的にはdt要素がちょっと足りない気もしますが、カテゴリと現在位置が明示されているのはいいですね。

sponsors

top of page

©2024 coliss