CSS3中提供了一種使用漸變效果來填充背景色或者作為邊框色的功能，其語法如下：

/* 線性漸變 */
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
/* 徑向漸變 */
background-image: radial-gradient(shape, start-color, stop-color);

其中，direction代表方向屬性，可選的值有：top、bottom、left、right，也可以使用角度值；color-stop代表漸變的停止點，表示從哪個顏色過渡到下一個顏色；shape代表漸變的形狀，可以是circle或者ellipse。

下面是一個簡單的例子，使用線性漸變來填充背景色：

div {
background-image: linear-gradient(to bottom right, #ff0000, #0000ff);
}

這個例子中，#ff0000代表紅色，#0000ff代表藍色，to bottom right代表方向從上到下向右下方漸變。

很多時候，我們需要將多個顏色進行漸變，這時可以在語法中使用多個color-stop參數，例如下面的例子：

div {
background-image: linear-gradient(to right, #fff, #fff 50%, #0000ff 50%, #0000ff);
}

這個例子中，分別有4個color-stop參數，代表從白色過渡到深藍色的漸變。

漸變效果在網頁設計中非常常見，可以用來提升頁面的視覺效果。但是要注意，一些舊版本的瀏覽器不支持CSS3的漸變效果，為了兼容性，可以在相應的CSS代碼前添加一些兼容性前綴。