border-radius 是一个CSS属性，用于设置元素的边框圆角的半径。通过使用 border-radius ，你可以使元素的边框变得圆角而不是直角。
下面土嘎嘎小编分享 border-radius 属性的介绍和使用方法：
1. 基本语法：
〓〓css代码如下：〓〓
border-radius: <radius>;
其中 <radius> 可以是一个值，表示四个圆角的相同半径；或者是由四个值组成的空格分隔列表，表示每个角的单独半径（按顺时针顺序：左上角、右上角、右下角、左下角）。
2. 设置统一的边框圆角半径：
〓〓css代码如下：〓〓
.element {
border-radius: 10px;
}
上面给出的代码将 .element 类型的元素的四个角都设置为10像素的圆角。
3. 设置单独的边框圆角半径：
〓〓css代码如下：〓〓
.element {
border-radius: 10px 20px 30px 40px;
}
上面给出的代码将 .element 类型的元素的四个角分别设置为10像素、20像素、30像素和40像素的圆角。
4. 设置水平方向或垂直方向的边框圆角半径：
〓〓css代码如下：〓〓
.element {
border-radius: 10px / 20px;
}
上面给出的代码将 .element 类型的元素的水平方向圆角半径设置为10像素，垂直方向圆角半径设置为20像素。
边框圆角的效果与元素的背景、边框样式等属性相结合，可以创建各种组合和视觉效果。通过调整 border-radius 属性的值，你可以控制边框的圆角程度，使元素呈现出不同的外观。