CSS中的圓角半徑非常重要，它能夠將普通的方形元素轉換為漂亮的圓角元素。在CSS3中，我們可以使用border-radius屬性來設置一個元素的圓角半徑。

.box {
border-radius: 10px;
}

上面的代碼將創建一個圓角半徑為10像素的元素。我們可以在border-radius屬性中設置1到4個值，分別對應四個角的圓角半徑。

.box {
/* 分別對應左上角到右下角的四個角 */
border-radius: 10px 20px 30px 40px;
}

上面的代碼將創建一個左上角為10像素，右上角為20像素，右下角為30像素，左下角為40像素的元素。如果只設置兩個值，則第一個值為左上角和右下角，第二個值為右上角和左下角。

.box {
/* 左上角和右下角為5像素，右上角和左下角為20像素 */
border-radius: 5px 20px;
}

當然，你也可以將border-radius的值設置為百分比。百分比的值將根據元素的高度來計算圓角大小。

.box {
/* 左上角和右下角占元素高度的10%，右上角和左下角占元素高度的20% */
border-radius: 10% 20%;
}

CSS中的圓角半徑是一個非常有用的特性，它可以為我們的網頁添加一些視覺上的吸引力。