漸變背景是指在背景顏色過渡中，通過改變顏色或透明度以達到柔和過渡的效果。下面介紹幾種寫 CSS 漸變背景的方法。

/* 線性漸變 */
background: linear-gradient(to right, #ff0000, #00ff00);
/*從左至右線性漸變，顏色從紅色到綠色呈現*/
/* 徑向漸變 */
background: radial-gradient(circle at center, #ff0000, #00ff00);
/*以圓心為起點逐漸向外擴展，顏色從紅色到綠色呈現*/
/* 重復漸變 */
background: repeating-linear-gradient(#ff0000, #00ff00 20%);
/*顏色從紅色到綠色漸變，漸變長度為容器寬度的 20%，之后顏色再從紅色開始*/
/* 漸變遮罩 */
background: url(圖片地址);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url(圖片地址);
/*在圖片上放一層透明的線性漸變，讓圖片的底部變成透明度漸變的效果*/

在實際開發中，漸變背景可以為頁面增添美感，使頁面更加生動活潑。