在 CSS 中，漸變是一種在兩個或多個顏色之間添加逐漸過渡的效果的方法。漸變可以應用于背景、邊框和文本，它可以通過線性漸變和徑向漸變實現。下面將分別介紹這兩種漸變。

線性漸變的基本語法如下：

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

其中，“direction”指定漸變方向，可選值為 left、right、top、bottom 或它們的組合；“color-stop1”、“color-stop2” 等是不同顏色所在位置比例，可以是百分數或者長度值。例如：

background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);

上面的代碼將漸變方向設為從左到右，顏色變化從紅色到紫色，每種顏色所在位置比例相等。

徑向漸變的基本語法如下：

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

其中，“shape size”指定徑向漸變的形狀和大小，可選值分別為 circle、ellipse 和它們的組合，以及值為 at least 2 的長度值；“position”為漸變的中心點坐標，可以是關鍵字值如 top、left、center 等，也可以是百分數或長度值。例如：

background: radial-gradient(circle at center, red, orange, yellow, green, blue, indigo, violet);

上面的代碼將徑向漸變形狀設為圓形，中心點設為居中，顏色變化從紅色到紫色。

最后，需要注意漸變的瀏覽器兼容性，不同瀏覽器可能需要特定的前綴、寫法和值設置。此外，由于漸變會占用更多的瀏覽器資源，還應該謹慎使用。