CSS是網頁開發中很重要的一環，它可以為網頁添加樣式和美觀的效果。其中，制作簡單導航欄是網頁開發中經常會遇到的需求之一。下面，我們來看看如何通過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; /* 鼠標懸浮時的鏈接文字顏色 */
}

以上是制作一個簡單導航欄的CSS代碼。我們可以通過給nav元素添加樣式，設置導航欄的背景色和隱藏溢出部分，實現一個簡單的導航欄。接著，我們針對每個導航按鈕/鏈接添加樣式，讓這些鏈接變成塊級元素，去掉下劃線并設置背景色和文字顏色。通過鼠標懸浮時鏈接的顏色變化，讓用戶知道自己正在選擇的是哪個鏈接。

以上就是如何通過CSS來制作一個簡單的導航欄。