[CSS]Hack無しで実装する、中央に配置するタブ型ナビゲーション

Post on:2008年7月28日

sponsorsr

Matthew James Taylorのエントリーから、リスト要素でマークアップしたタブ型ナビゲーションを中央に配置するスタイルシートの紹介です。

Beautiful CSS Centered Menus. No hacks. Full cross-browser support.
デモ

リストの箇所は、下記のコードで実装されています。

<textarea name="code" class="html" cols="60" rows="5">
<div id="centeredmenu">
   <ul>
      <li><a href="#">Tab one</a></li>
      <li><a href="#" class="active">Tab two</a></li>
      <li><a href="#">Tab three</a></li>
      <li><a href="#">Tab four</a></li>
   </ul>
</div>
</textarea>