使用CSS樣式表為網頁制作導航按鈕是現代網頁設計的標配。為了讓用戶方便地瀏覽網站的各個部分，導航按鈕應該在按鈕被點擊時顯示為選中狀態。CSS為此提供了"偽類"功能。
CSS偽類是用來為HTML文檔中某些標記添加特殊效果的工具。對于導航按鈕的特效，我們可以使用"active"偽類來實現。"Active"偽類指示當被點擊時，一個元素處于活動狀態。
例如，我們可以使用簡單的HTML和CSS代碼來創建一個具有活動狀態的導航按鈕，代碼如下：

<style>
p {
display: inline-block;
margin-right: 10px;
}
<br>
    /* 偽類樣式 */
p:active {
background-color: #ddd;
}
</style>
<br>
  <p><a href="#">首頁</a></p>
<p><a href="#">產品</a></p>
<p><a href="#">關于我們</a></p>
<p><a href="#">聯系我們</a></p>

在上面的代碼中，我們首先設置每個導航按鈕都使用inline-block顯示，并留出10像素的右間隔。然后，我們為導航按鈕創建了一個"active"偽類的樣式。當按鈕被點擊時，該樣式會使按鈕的背景色變灰。
現在，當一個用戶單擊任何導航按鈕時，按鈕的背景將變為灰色，以提示用戶它是當前選中的導航按鈕。這是一個簡單而有用的技術，可以使導航按鈕更吸引人，同時也為用戶提供更好的用戶體驗。