CSS導航欄是網頁設計中非常重要的一部分，可以方便用戶瀏覽網頁信息。其中包括默認狀態、懸停狀態、當前狀態等多種狀態，本文主要講解CSS導航欄當前狀態的實現。

.navbar{
background-color: #333;
overflow: hidden;
padding: 0 20px;
}
.navbar a{
float: left;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navbar a:hover{
background-color: #ddd;
color: black;
}
.navbar a.active{
background-color: #4CAF50;
color: white;
}

以上是一個基本的CSS導航欄樣式，其中設置了默認狀態和懸停狀態。要實現當前狀態，只需在HTML代碼中給當前頁面所在的導航元素添加activeclass，該元素即可顯示為選中狀態。

<div class="navbar">
<a href="#home">首頁</a>
<a href="#news">新聞</a>
<a href="#contact" class="active">聯系我們</a>
</div>

上述HTML代碼中，給“聯系我們”這個導航元素添加了activeclass，因此在CSS中以.navbar a.active為選擇器來設置該元素的樣式。

通過這種簡單的方式，就可以輕松實現CSS導航欄的當前狀態效果。當然，具體樣式可以根據需求進行更改，使得導航欄更加美觀和實用。