CSS中使用border-radius屬性可以將某一個角變成圓角，這一屬性也是CSS3新增加的。相比于以前使用圖片去實現圓角的方法，使用border-radius屬性能大大減少頁面的加載時間和請求次數，提高網站性能。

.element {
border-radius: 10px 0px 0px 0px;
}

以上代碼中，第一個值代表左上角，第二個值代表右上角，第三個值代表右下角，第四個值代表左下角。使用這種方法，我們可以靈活地控制任何一個角的圓弧程度。

如果我們需要將整個元素變成圓形呢？只需使用一個50%的border-radius值即可。

.element {
border-radius: 50%;
}

border-radius屬性支持的值還有百分比、像素、em等單位。同時，我們還可以將某個角的圓弧程度設置為一個比較小的值，如2px：

.element {
border-radius: 10px 0px 0px 2px;
}

在使用border-radius屬性時，要注意兼容性問題。IE9以下版本不支持border-radius屬性，這時我們可以使用JavaScript或者CSS Hack的方式解決問題。或者我們可以使用一些CSS預處理器，如Sass或Less等，提供了更多的CSS功能和語法。