CSS徑向漸變是指從一個圓形的中心向外延伸顏色變化的過程。在網頁設計中，徑向漸變可以用于創建各種圖形、背景和按鈕等。下面我們來看看如何通過CSS實現徑向漸變。

/* 定義徑向漸變 */
div {
background: radial-gradient(circle, #ff6600, #ffb900);
}
/* 修改漸變位置和形狀 */
div {
background: radial-gradient(40% 40%, ellipse, #ff6600, #ffb900);
}
/* 多種顏色組合 */
div {
background: radial-gradient(circle, #ff6600, #ffb900, #22b9ff);
}
/* 對角線徑向漸變 */
div {
background: radial-gradient(ellipse at top left, #ff6600, #ffb900);
}

在定義徑向漸變時，我們需要指定漸變的形狀和位置。默認情況下，漸變的形狀為圓形，位置為中心。我們可以通過添加關鍵字或坐標來修改形狀和位置，如“ellipse”代表橢圓形，“at top left”代表在左上角。

除了徑向漸變，CSS還有線性漸變、重復漸變等多種類型，可以滿足不同的設計需求。掌握這些漸變類型的使用方法，可以讓我們在網頁設計中更加得心應手。