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

1. 線性漸變
2. 徑向漸變

CSS制作漸變色背景圖的方法

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

線性漸變

線性漸變可以創(chuàng)建從一側(cè)到另一側(cè)的顏色漸變，我們可以使用linear-gradient()函數(shù)來實(shí)現(xiàn)，我們可以創(chuàng)建一個(gè)從紅色到藍(lán)色的漸變色背景圖：

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

在這個(gè)例子中，to right指定了漸變的方向，red和blue是漸變的起始顏色和結(jié)束顏色，我們可以根據(jù)需要調(diào)整漸變的顏色和順序。

徑向漸變

徑向漸變可以創(chuàng)建從中心到邊緣的顏色漸變，我們可以使用radial-gradient()函數(shù)來實(shí)現(xiàn)，我們可以創(chuàng)建一個(gè)從白色到黑色的漸變色背景圖：

body {
  background: radial-gradient(circle, white, black);
}

在這個(gè)例子中，circle指定了漸變的形狀，white和black是漸變的起始顏色和結(jié)束顏色，我們可以根據(jù)需要調(diào)整漸變的顏色和形狀。

需要注意的是，漸變色背景圖在不同的瀏覽器和操作系統(tǒng)上可能會(huì)有不同的顯示效果，在實(shí)際應(yīng)用中，我們需要確保我們的代碼在各種環(huán)境下都能正常工作。