CSS中可以使用border-radius屬性來給元素添加圓角。該屬性可以設置1個至4個值，分別表示4個角的圓角弧度。

{
border-radius: 10px;  /*所有角都設置為10像素的圓角*/
border-radius: 10px 5px; /*上左和下右角設置為10像素圓角，上右和下左角設置為5像素圓角*/
border-radius: 10px 5px 15px 20px; /*分別設置上左、上右、下右、下左角的圓角弧度*/
}

此外，還可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性來單獨設置每個角的圓角弧度。

{
border-top-left-radius: 10px;  /*設置上左角的圓角*/
border-top-right-radius: 20px; /*設置上右角的圓角*/
border-bottom-left-radius: 15px; /*設置下左角的圓角*/
border-bottom-right-radius: 25px; /*設置下右角的圓角*/
}

注意，在一些低版本的瀏覽器中可能不支持border-radius屬性，可以使用類似于以下代碼來兼容舊瀏覽器：

{
-webkit-border-radius: 10px;  /* Safari 和 Chrome */
-moz-border-radius: 10px;  /* Firefox */
border-radius: 10px;
}

除了設置固定的圓角弧度外，還可以使用百分比來設置圓角，例如：

{
border-radius: 50%; /*將元素設置為圓形*/
border-radius: 50% 25%; /*上下圓形，左右半圓形*/
}

總之，CSS中的border-radius屬性可以為元素添加圓角，使其更美觀，更具體，提高網頁整體質量。