CSS3中，我們可以使用顏色漸變來美化網頁的背景、文本、邊框等等。顏色漸變分為線性漸變和徑向漸變兩種。

在CSS3中實現線性漸變，我們需要使用linear-gradient函數。這個函數的語法如下：

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

其中direction指定漸變的方向，有多種可選值，比如to bottom表示從上到下、to right表示從左到右，等等。color-stop則是定義顏色的方式。例如，以下代碼可以生成從上到下漸變的背景：

background: linear-gradient(to bottom, red, yellow);

徑向漸變使用radial-gradient函數，語法如下：

background: radial-gradient(shape size at position, start-color, ..., last-color);

其中shape指定漸變的形狀，可以是circle、ellipse、closest-side、farthest-side等幾種形狀，size指定形狀的大小，可以是長度、百分比、cover、contain等等。position指定圓形漸變的中心點位置。例如，以下代碼可以生成一個從內向外徑向漸變的背景：

background: radial-gradient(circle, blue, green, yellow);

除此之外，我們還可以使用CSS3中的漸變樣式設計漸變的顏色和樣式。這里給出一個示例：

background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)), url(bg-image.jpg);

這段代碼表示從上到下漸變，從透明到半透明的黑色，然后再疊加上一個背景圖片。可以想象，這種漸變樣式可以讓網頁的背景更加有層次感，豐富視覺效果。