CSS 導航是網頁設計中的一個非常重要的元素，它可以幫助用戶快速瀏覽并定位網頁上的內容。在這篇文章中，我們將介紹 CSS 導航的基本概念和如何在網頁中實現它。

/*CSS 導航樣式*/
nav {
background-color: #333;
overflow: hidden;
}
nav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav a:hover {
background-color: #ddd;
color: black;
}
.active {
background-color: #4CAF50;
color: white;
}

在上面的 CSS 樣式中，我們首先給導航欄一個背景顏色，然后給其中的鏈接添加了幾個屬性：float、color、text-align、padding 和 text-decoration。

其中，float 屬性將鏈接浮動到了導航欄的左側，保持了橫向排列。color 屬性設置了鏈接文本的顏色， text-align 屬性將鏈接文本居中對齊， padding 屬性添加了鏈接的上下左右內邊距，以使它們看起來更加漂亮。text-decoration 屬性則去掉了鏈接的下劃線。

在 :hover 偽類中，我們調整了鏈接的背景顏色和文本顏色，以使它在用戶鼠標指向時更加醒目。而 .active 類用于設置當前被激活的鏈接的樣式，以便用戶明確知道自己所在的位置。

上面是一個非常基本的 CSS 導航，但它已經具備了一些重要的功能。如果您想為您的網頁添加一個導航欄，可以使用這個樣式作為參考，并根據您的需求和美感進行適當的修改。