在網頁設計中，導航欄是一個必不可少的組件。使用 CSS 導航設置可以使你的網頁看起來更專業，也更容易閱讀和導航。下面我們將介紹一些常用的 CSS 導航設置。

/* 設置導航欄樣式 */
nav {
background-color: #333; /* 設置導航欄背景顏色 */
color: #fff; /* 設置導航欄字體顏色 */
display: flex; /* 使用 flex 布局，方便設置導航欄水平居中 */
justify-content: center; /* 設置導航欄水平居中 */
padding: 10px; /* 設置導航欄內邊距 */
}
/* 設置導航鏈接樣式 */
nav a {
text-decoration: none; /* 去除下劃線 */
color: #fff; /* 設置鏈接字體顏色 */
padding: 10px; /* 設置鏈接內邊距 */
}
/* 設置導航鏈接鼠標懸浮樣式 */
nav a:hover {
background-color: #fff; /* 設置鏈接背景顏色 */
color: #333; /* 設置鏈接字體顏色 */
}

通過以上 CSS 設置，我們可以輕松創建一個具有樣式和交互性的導航欄。希望這篇文章能夠對你提供幫助。