在CSS中設置圓角半徑可以讓元素變得更加優美。我們可以使用border-radius屬性來設置圓角。

.element {
border-radius: 5px; /*一個數值表示四個角的圓角半徑都一樣*/
}

上述代碼將元素四個角的圓角半徑設置為5px。如果希望只設置某一個角的圓角半徑，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius屬性。

.element {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 25px;
}

上面的代碼將元素左上角的圓角半徑設置為10px，右上角的圓角半徑設置為20px，左下角的圓角半徑設置為15px，右下角的圓角半徑設置為25px。

如果希望設置圓形元素，可以將圓角半徑設置為元素的寬度或高度的一半。

.element {
width: 50px;
height: 50px;
border-radius: 25px; /*設置為寬度或高度的一半*/
}

上述代碼將元素設置為一個圓形。

除了使用數值設置圓角半徑，還可以使用百分數。

.element {
border-radius: 50%; /*寬度和高度的50%*/
}

上述代碼將元素設置為一個完整的圓形。