CSS背景顏色漸變是在網頁設計中常見的效果之一。其實，漸變背景就是由兩種或多種顏色混合而成的背景，可以讓網頁看起來更加美觀和豐富。今天，我們就來學習如何使用CSS實現漸變背景。

/* 漸變背景代碼 */
background: linear-gradient(to right, #1E90FF, #FFD700, #32CD32);

上面這行代碼就是實現顏色漸變的代碼。其中，linear-gradient用來設置漸變的方向，to right表示從左到右漸變；#1E90FF、#FFD700、#32CD32則是顏色值，可以自己根據需求設置相應的顏色。需要注意的是，如果需要設置更多的顏色，只需要在代碼中添加相應的顏色值即可。

除了矩形的漸變背景之外，還可以使用徑向漸變背景和重復漸變背景。下面是相應的代碼：

/* 徑向漸變背景代碼 */
background: radial-gradient(circle, #1E90FF, #FFD700, #32CD32);
/* 重復漸變背景代碼 */
background: repeating-linear-gradient(to right, #1E90FF, #FFD700, #32CD32);

通過以上代碼，可以看到漸變背景在網頁設計中的應用非常廣泛，可以讓網頁顯得更加動態和富有生氣。

最后附上一張圖片，展示一個簡單的漸變背景效果：

/* 漸變背景效果展示 */
background: linear-gradient(to right, #1E90FF, #FFD700, #32CD32);
width: 300px;
height: 200px;