CSS背景顏色漸變是一種讓網(wǎng)頁顏色逐漸變化的效果。下面介紹三種不同的CSS背景顏色漸變。

第一種是線性漸變。該種漸變沿著一條直線方向進行，并可以設置起點、終點以及漸變方向。代碼如下所示：

background: linear-gradient(to bottom, red, orange, yellow, green);

該代碼設置了一個紅橙黃綠的線性漸變，從頂部（to bottom）開始漸變。可根據(jù)需要進行修改。

第二種是徑向漸變。該種漸變以一個點為中心，沿著圓形方向進行。可以設置起點顏色、終點顏色、起點半徑和終點半徑。代碼如下所示：

background: radial-gradient(red, orange, yellow, green);

該代碼設置了一個紅橙黃綠的徑向漸變，起點為中心點，可根據(jù)需要進行修改。

第三種是重復漸變。該種漸變將一段漸變顏色進行重復渲染，可以設置起點、終點和間距。代碼如下所示：

background: repeating-linear-gradient(to right, red, orange, yellow 30px, green 40px);

該代碼設置了一個紅橙黃綠的重復線性漸變，從左到右（to right）開始漸變，間距分別為30px和40px，可根據(jù)需要進行修改。