[CSS]ごくシンプルな水平型のナビゲーションを実装するチュートリアル

A Super Simple Horizontal Navigation Bar demo デモの水平型のナビゲーションはリスト要素で実装されており、アンカー箇所は大きく、ホバー時に背景色が変わるようになっています。 下記、そのポイントをピックアップして紹介します。 HTML シンプルなリスト要素で実装します。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="nav"> <li><a href="#">About Us</a></li> <li><a href="#">Our Products</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Login</a></li> </ul> </