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

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

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

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

Post on:2009年8月25日