CSS制作漸變背景色

在CSS中，我們可以使用線性漸變（Linear Gradients）或者徑向漸變（Radial Gradients）來制作漸變背景色。

線性漸變

線性漸變是一種從起點到終點的顏色過渡，可以在一個方向上平滑地改變顏色，以下是一個使用CSS制作線性漸變的例子：

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

在這個例子中，背景色從紅色開始，逐漸過渡到橙色、黃色、綠色、藍(lán)色和紫色。to right關(guān)鍵字指定了漸變的方向。

徑向漸變

徑向漸變是一種從中心到邊緣的顏色過渡，可以在一個圓形或橢圓形的范圍內(nèi)平滑地改變顏色，以下是一個使用CSS制作徑向漸變的例子：

body {
  background: radial-gradient(circle, red, orange, yellow, green, blue, purple);
}

在這個例子中，背景色從紅色開始，逐漸過渡到橙色、黃色、綠色、藍(lán)色和紫色。circle關(guān)鍵字指定了漸變的形狀。

除了以上兩種常見的漸變方式，CSS還支持其他更復(fù)雜的漸變方式，如角向漸變（Conical Gradients）等，這些漸變方式可以滿足更復(fù)雜的顏色過渡需求。