本文目錄導(dǎo)讀：

1. 線(xiàn)性漸變
2. 徑向漸變

CSS中背景漸變色設(shè)置方法

在CSS中，可以通過(guò)使用線(xiàn)性漸變（Linear Gradient）或徑向漸變（Radial Gradient）來(lái)設(shè)置背景漸變色。

線(xiàn)性漸變

線(xiàn)性漸變是沿著一條直線(xiàn)進(jìn)行顏色過(guò)渡的漸變效果，可以通過(guò)設(shè)置兩個(gè)或多個(gè)顏色點(diǎn)來(lái)定義漸變的起始顏色和結(jié)束顏色。

以下CSS代碼將設(shè)置一個(gè)從紅色到藍(lán)色的線(xiàn)性漸變背景：

body {
  background: linear-gradient(to right, red, blue);
}

在這個(gè)例子中，linear-gradient函數(shù)接受兩個(gè)參數(shù)：漸變的方向（to right）和顏色的列表（red, blue），顏色列表中的每個(gè)顏色點(diǎn)都可以是一個(gè)十六進(jìn)制顏色值、RGB值或其他有效的CSS顏色格式。

徑向漸變

徑向漸變是從一個(gè)點(diǎn)向周?chē)鷶U(kuò)散的漸變效果，可以通過(guò)設(shè)置漸變的中心點(diǎn)和顏色點(diǎn)來(lái)定義徑向漸變。

以下CSS代碼將設(shè)置一個(gè)從中心向四周擴(kuò)散的徑向漸變背景：

body {
  background: radial-gradient(circle, red, blue);
}

在這個(gè)例子中，radial-gradient函數(shù)接受兩個(gè)參數(shù)：漸變的形狀（circle）和顏色的列表（red, blue），形狀參數(shù)可以是circle（圓形）或ellipse（橢圓形），顏色列表中的每個(gè)顏色點(diǎn)都可以是一個(gè)十六進(jìn)制顏色值、RGB值或其他有效的CSS顏色格式。

通過(guò)調(diào)整漸變的形狀、顏色點(diǎn)和位置參數(shù)，可以實(shí)現(xiàn)各種復(fù)雜的漸變效果，也可以結(jié)合使用其他CSS屬性來(lái)進(jìn)一步增強(qiáng)漸變的視覺(jué)效果。