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

線性漸變：

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

徑向漸變：

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

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