CSS是一種用于控制HTML樣式和布局的語言。在網站設計中，一個重要的元素就是導航欄。下面將介紹如何使用CSS編寫導航欄。

/* 樣式設置 */
nav {
background-color: #333;
overflow: hidden;
}
nav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
color: black;
}
/* HTML結構 */
<nav>
<a href="#">首頁</a>
<a href="#">新聞</a>
<a href="#">產品</a>
<a href="#">聯系我們</a>
</nav>

以上代碼包含CSS樣式設置和HTML結構。在樣式中，我們設置了導航欄的背景顏色、浮動、顏色、文本對齊方式、邊距、下劃線等；在HTML結構中，我們使用標簽定義了每個導航鏈接。

通過以上方式，我們可以快速簡單地編寫出一個具有基本功能的導航欄，方便用戶瀏覽網站。代碼也可以根據不同的實際情況進行自定義，例如增加特效、樣式更改、動態效果等等。