CSS導航欄是網站中常見的一種元素，它可以讓網站更加易于使用和導航。以下是一個基本的CSS導航欄的例子：

<style>
/* 設置導航欄的樣式 */
ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* 設置鼠標懸停時的樣式 */
li a:hover {
background-color: #111;
}
</style>
<!-- 導航欄的HTML代碼 -->
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">關于我們</a></li>
<li style="float:right"><a href="#">聯系</a></li>
</ul>

在這個例子中，我們通過CSS樣式設置了導航欄的樣式，比如設置了導航欄的背景顏色、字體顏色和字體樣式。接著，我們在HTML代碼中使用<ul>和<li>標簽來創建導航列表，每個列表項包含一個超鏈接（<a>標簽），用來鏈接到不同的頁面。

通過上述代碼，我們可以輕松地創建一個基本的CSS導航欄，當然，你還可以自己根據需要更改樣式和布局，來創建符合自己網站風格的導航欄。