CSS中的導航欄是網站設計中至關重要的一部分，它能夠幫助用戶快速地瀏覽和定位網站的不同頁面和功能。在本文中，我們將討論CSS中如何創建一個簡單的導航欄。

上面這段代碼就是一個簡單的HTML導航欄。首先使用nav元素來表示這是一個導航欄，并使用ul元素和li元素來創建一個無序列表，每個列表項表示導航欄中的一個選項。在每個列表項中，使用a元素來創建鏈接并在其href屬性中指定鏈接目標。

nav {
background-color: #333;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}

上面這段CSS代碼則為導航欄添加了樣式。首先指定了導航欄的背景顏色為#333。然后對無序列表進行樣式設置，將默認的列表樣式去除，設定margin和padding為0，并將overflow設為hidden隱藏溢出的部分。接著設置列表項的浮動，使它們橫向排列。對于每個鏈接，設定顏色為白色，內邊距為14px和16px，文本居中，并去除下劃線。當鼠標懸停在鏈接上時，將其背景色改為#111。

通過以上代碼，你可以創建出一個簡單并且好看的導航欄。如果你想要創建更復雜的導航欄，可能需要使用更多CSS技巧和JavaScript來實現。