HTML+CSS導航

在網頁制作中，導航是非常重要的組件之一。下面是一個基于HTML+CSS實現的簡單導航欄示例：

<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">公司介紹</a></li>
<li><a href="#">產品展示</a></li>
<li><a href="#">聯系我們</a></li>
</ul>

首先，我們需要用<ul>標簽來創建一個無序列表，然后每個選項使用<li>標簽包裹。鏈接可以使用<a>標簽實現。

接下來，使用CSS對導航進行樣式定義。如果需要導航呈現水平排列，可以使用浮動（float）效果。由于列表元素默認帶有外邊距和內邊距，我們需要將其去除。選中樣式可以使用.active類來定義，當選項被點擊時我們可以在對應的<li>標簽上添加該類名。