在CSS中實現漸變背景色是非常常見的需求。CSS提供了linear-gradient()和radial-gradient()兩種方式來實現漸變色。下面我們分別來看一下這兩種方式。

1. 線性漸變色

background: linear-gradient(direction, color-stop1, color-stop2, ......);

其中，direction可以指定漸變方向。比如，左右漸變可以使用to right，上下漸變可以使用to bottom等等。

color-stop后面跟著的是漸變顏色的停止點，可以是百分比也可以是具體數值。例如：

background: linear-gradient(to right, #ff0000, #00ff00);

這個例子是從左到右漸變，起始點是紅色，結束點是綠色。

2. 徑向漸變色

background: radial-gradient([shape] [size] [position], color-stop1, color-stop2, ......);

其中，shape可以指定漸變形狀，比如圓形可以使用circle，橢圓形可以使用ellipse等等；size可以指定漸變的大小，比如寬高均為50%可以使用50% 50%或者center center；position可以指定漸變的位置，同樣也可以使用像素，百分比等等。

例如：

background: radial-gradient(circle at 50% 50%, #ff0000, #00ff00);

這個例子是一個圓形漸變，中心點在容器的中心位置，起始點是紅色，結束點是綠色。

總結：

以上就是使用linear-gradient()和radial-gradient()兩種方式實現漸變背景色的方法。在實際使用過程中，可以靈活運用這兩種方式，設計出更加美觀的頁面。