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

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

デモのキャプチャ

Divide and Conquer
demo

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

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

Post on:2009年8月25日


top of page

Trackback

leave your Comments

※承認制のため、即時には反映されません。
※匿名、通りすがりさんなどへの回答は控えさせていただきます。

top of page

©2011 coliss