CSS 導航欄
演示：導航欄
導航欄
易於使用的導航對於任何網站都很重要。
使用 CSS，您可以將單調的 HTML 選單轉換為外觀精美的導航欄。
導航欄 = 連結列表
導航欄需要標準的 HTML 作為基礎。
在我們的示例中，我們將從標準的 HTML 列表構建導航欄。
導航欄基本上是一個連結列表，因此使用 `<ul>` 和 `<li>` 元素是完全合理的
示例
<ul>
<li><a href="default.asp">主頁</a></li>
<li><a href="news.asp">新聞</a></li>
<li><a href="contact.asp">聯絡方式</a></li>
<li><a href="about.asp">關於</a></li>
</ul>自己動手試一試 »
現在，讓我們移除列表的符號和邊距和內邊距。
示例說明
list-style-type: none;- 移除專案符號。導航欄不需要列表標記。- 設定
margin: 0;和padding: 0;以移除瀏覽器預設設定。
上面示例中的程式碼是垂直和水平導航欄都使用的標準程式碼，您將在下一章中瞭解更多關於它們的內容。
