在網頁設計中，導航欄往往被認為是網站中最重要的一部分。通過使用漸變效果，我們可以為導航欄添加更多的吸引力和趣味性。在這篇文章中，我們將學習如何使用 CSS 代碼為導航欄添加漸變效果。

nav {
background: linear-gradient(to right, #7F7FD5 0%, #86A8E7 51%, #91EAE4 100%);
}

通過上述代碼段，我們可以將一個漸變的背景顏色效果應用到導航欄中。這個漸變效果會從左向右進行，顏色變化從紫色漸變到淡藍色，接著變成淺綠色。

除了水平漸變外，我們還可以嘗試垂直漸變效果：

nav {
background: linear-gradient(to bottom, #7F7FD5 0%, #86A8E7 51%, #91EAE4 100%);
}

在垂直方向上，這個漸變效果會從上向下進行，顏色變化從紫色漸變到淡藍色，接著變成淺綠色。

如果想要添加更復雜的漸變效果，我們可以嘗試使用徑向漸變。這種效果可以使顏色從中心向四周逐漸變化。

nav {
background: radial-gradient(circle, #FFC5C5 0%, #FFF1C5 53%, #FFC5C5 100%);
}

在這個徑向漸變效果中，顏色從中心向四周逐漸變化。從紅色逐步漸變到黃色，再從黃色逐漸漸變到紅色。

以上就是使用 CSS 代碼為導航欄添加漸變效果的一些示例。通過這些示例，我們可以看到如何使用 CSS 代碼制作出不同類型的漸變效果。在實踐中可以改變顏色和方向，以獲得適合自己網站的漸變效果。