CSS背景色怎么作漸變？這是一個很常見的問題，下面就讓我來為大家詳細介紹一下。

background: linear-gradient(方向, 顏色1, 顏色2, ...);

如上所述，我們可以使用linear-gradient函數來實現漸變背景色，其中：

• 方向：表示漸變的方向，可以使用關鍵字（如top、bottom等）或角度值（如45deg等）進行設置；
• 顏色：表示漸變的顏色，可以一次設置多個，顏色之間使用逗號分隔。

下面就是一些具體的實例：

/* 橫向漸變 */
background: linear-gradient(to right, #ff0000, #00ff00);
/* 縱向漸變 */
background: linear-gradient(to bottom, #ff0000, #00ff00);
/* 對角線漸變 */
background: linear-gradient(to bottom right, #ff0000, #00ff00);
/* 自定義角度的漸變 */
background: linear-gradient(45deg, #ff0000, #00ff00);

除了linear-gradient，我們還可以使用radial-gradient實現徑向漸變，其用法與linear-gradient類似，只是方向參數換成了徑向漸變的起點和終點。

除此之外，在CSS3中還提供了一些關鍵字實現特殊的漸變效果，如：

• repeating-linear-gradient：重復的線性漸變；
• repeating-radial-gradient：重復的徑向漸變；
• transparent：透明顏色，可以用來實現淡入淡出效果；
• currentColor：當前元素的顏色，可以用來實現動態顏色變化。

通過靈活運用這些漸變函數和關鍵字，我們可以輕松實現豐富多彩的背景色漸變效果。