CSS漸變色背景設(shè)置是一種常用的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格，通過(guò)漸變色背景，可以讓網(wǎng)頁(yè)更加醒目、有趣，下面是一些關(guān)于CSS漸變色背景設(shè)置的方法。

1、使用CSS3的linear-gradient函數(shù)

CSS3提供了linear-gradient函數(shù)，可以用于創(chuàng)建線性漸變色背景，我們可以使用以下代碼來(lái)設(shè)置背景色從藍(lán)色漸變到綠色：

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

這段代碼會(huì)將網(wǎng)頁(yè)的背景色設(shè)置為從藍(lán)色漸變到綠色的線性漸變色。

2、使用CSS3的radial-gradient函數(shù)

除了線性漸變色背景，CSS3還提供了radial-gradient函數(shù)，可以用于創(chuàng)建徑向漸變色背景，我們可以使用以下代碼來(lái)設(shè)置背景色從中心向四周漸變：

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

這段代碼會(huì)將網(wǎng)頁(yè)的背景色設(shè)置為從中心向四周漸變的圓形漸變色。

3、使用CSS的transition屬性

除了上述兩種方法，我們還可以使用CSS的transition屬性來(lái)創(chuàng)建漸變效果，我們可以使用以下代碼來(lái)設(shè)置背景色從藍(lán)色漸變到綠色：

body {
  background: blue;
  transition: background 2s;
}
body:hover {
  background: green;
}

這段代碼會(huì)將網(wǎng)頁(yè)的背景色設(shè)置為藍(lán)色，并在鼠標(biāo)懸停時(shí)漸變到綠色，漸變時(shí)間為2秒。

是三種設(shè)置CSS漸變色背景的方法，你可以根據(jù)自己的需求選擇適合的方法。