CSS中，背景顏色漸變是一個常見的效果。在這里我們可以將漸變效果分為兩大類，分別是線性漸變和徑向漸變。

線性漸變：

/* 垂直方向漸變 */
background: linear-gradient(to bottom, #0000ff, #ff0000);
/* 水平方向漸變 */
background: linear-gradient(to right, #0000ff, #ff0000);
/* 對角線方向漸變 */
background: linear-gradient(to bottom right, #0000ff, #ff0000);
/* 自定義方向漸變 */
background: linear-gradient(135deg, #0000ff, #ff0000);

徑向漸變：

/* 從中心點向周圍輻射的圓形漸變 */
background: radial-gradient(circle, #0000ff, #ff0000);
/* 橢圓形徑向漸變 */
background: radial-gradient(ellipse, #0000ff, #ff0000);
/* 不同的起始結束位置 */
background: radial-gradient(circle at 20% 20%, #0000ff, #ff0000);

以上只是漸變的常見用法，實際上CSS還支持更多的漸變方式，我們可以通過不同的參數來實現各種炫酷的效果。漸變背景色不僅可以應用到網頁的背景上，還可以應用到文字、圖形等元素上，豐富了網頁的設計效果，讓頁面更加美觀。