在 CSS 中，我們可以使用漸變語法，實現漸變效果。漸變語法主要使用linear-gradient()和radial-gradient()兩個函數。

/* 線性漸變函數 */
background: linear-gradient(direction, color-stop1, color-stop2, ...);
/* 徑向漸變函數 */
background: radial-gradient(shape, size, position, color-stop1, color-stop2, ...);

其中，direction參數用于定義線性漸變的方向。該參數可以使用角度（deg 或 rad）、關鍵字（to left、to right、to top 等）或自定義方向（例如 45deg 或 -90deg）。

color-stop1、color-stop2 等參數用于定義顏色的起始點和結束點。可以使用顏色名稱、RGB 或 HSL 等顏色格式。

在徑向漸變函數中，還需要加入shape、size和position這三個參數。

shape參數可以設置漸變形狀，可以選擇圓形（circle）或橢圓形（ellipse）。

size參數用于定義漸變大小，可以選擇覆蓋整個元素（cover）或僅覆蓋元素的一部分（contain）。

最后，position參數用于定義漸變的開始位置。

/* 圓形漸變 */
background: radial-gradient(circle, #7b4397, #dc2430);
/* 橢圓形漸變 */
background: radial-gradient(ellipse, #f45c43, #e5e5e5);
/* 以左上角為開始位置的線性漸變 */
background: linear-gradient(-45deg, #f3e5f5, #d7bbf3);

通過使用漸變語法，我們可以創建出更加豐富、有趣的背景效果。