[CSS]ナビゲーションの区切り線をホバー時にすっきりさせるスタイルシート

ナビゲーションの区切り線をホバー時にすっきりさせるスタイルシートをCSSplayから紹介します。

デモのキャプチャ

Divide and Conquer
demo

デモの上ではナビゲーションの区切り線がホバー時に見えてしまってますが、下ではすっきりしています。

ポイントは左にネガティブマージンを設定することで、隙間を埋めています。
また、IE6対策として「float:left;」の代わりに「display:inline;」を使用します。

sponsors

top of page

©2024 coliss