[CSS]1ピクセルのラインを巧みに使用したドロップダウン型ナビゲーション

1ピクセルのラインを巧みに使用したドロップダウン型ナビゲーションをCCSplayから紹介します。

Black and white anywidth centered menu
demo

ドロップダウン型ナビゲーションはラベルのテキスト量に関わらず中央に配置され、カラーはスタイルシートで指定されているので簡単に変更が可能なようになっています。

また、ナビゲーションの随所には効果的に1ピクセルのラインが配置されています。

ナビゲーションの拡大画像

対応ブラウザは、IE6/7/8, Fx, Op, Safari(PC), Google Chromeとのことです。