使用CSS導(dǎo)航可以讓網(wǎng)站更加美觀且易于導(dǎo)航。如何使用CSS導(dǎo)航呢？下面我們來一起學(xué)習(xí)一下。
首先，在HTML中創(chuàng)建一個ul（unordered list，無序列表）元素，然后在ul元素中創(chuàng)建li（list item，列表項）元素。每個li元素對應(yīng)導(dǎo)航欄中的一個菜單項。例如：

<ul>
<li>首頁</li>
<li>關(guān)于我們</li>
<li>產(chǎn)品展示</li>
<li>聯(lián)系我們</li>
</ul>

以上代碼創(chuàng)建了一個包含四個菜單項的導(dǎo)航欄。
接下來，我們需要為導(dǎo)航欄添加CSS樣式。我們可以使用CSS選擇器來選擇要添加樣式的元素。例如，我們可以使用“ul li”選擇器來選擇所有的li元素，并設(shè)置共同的樣式，例如字體大小、顏色和背景顏色等等。例如：

<style>
ul li {
font-size: 16px;
color: #333;
background-color: #fff;
}
</style>

以上代碼為所有的li元素設(shè)置了字體大小、顏色和背景顏色。
最后，我們可以為某些特定的li元素添加更具體的樣式。例如，我們可以為當前選中的菜單項添加一個底部邊框。我們可以使用“l(fā)i.current”選擇器來選擇當前選中的菜單項，并設(shè)置底部邊框的樣式。例如：

<style>
ul li {
font-size: 16px;
color: #333;
background-color: #fff;
}
<br>
    li.current {
border-bottom: 2px solid #005f91;
}
</style>

以上代碼為當前選中的li元素添加了一個底部邊框。
通過以上步驟，我們就可以為網(wǎng)站添加一個簡單的CSS導(dǎo)航欄了。當然，以上代碼只是一個簡單示例，您可以根據(jù)自身需求和網(wǎng)頁設(shè)計的要求來添加更多CSS樣式。