在CSS中，<border-radius>属性用来定义元素的圆角形状。它可以让元素的边框、背景、文本都有圆角。

使用方法：

border-radius: 10px; /* 四个角都是10px的圆角 */
border-radius: 10px 20px; /* 上左角和上右角是10px的圆角，下左角和下右角是20px的圆角 */
border-radius: 10px 0 20px 30px; /* 顺时针：上左角10px，上右角0，下左角20px，下右角30px的圆角 */

也可以单独设置每个角的圆角：

border-top-left-radius: 10px; /* 上左角圆角为10px */
border-top-right-radius: 20px; /* 上右角圆角为20px */
border-bottom-left-radius: 30px; /* 下左角圆角为30px */
border-bottom-right-radius: 40px; /* 下右角圆角为40px */

可以使用百分比来定义圆角的大小：

border-radius:50%; /* 圆形 */
border-radius: 50% 20%; /* 椭圆，上下是50%，左右是20% */

注意：当元素的宽高比例为1时，使用border-radius:50%可以得到一个完美的圆形。但当元素的宽高比例不为1时，使用border-radius:50%所得到的是一个椭圆形。