CSS 边框圆角：使用 border-radius 属性创建圆角边框

要为 CSS 边框添加圆角，可以使用 'border-radius' 属性。这个属性可以接受一个值或多个值来指定每个角的圆角大小。

以下是一些示例：

/* 将所有四个角都设置为相同的圆角大小 */
div {
  border-radius: 10px;
}

/* 分别指定每个角的圆角大小 */
div {
  border-radius: 10px 20px 30px 40px;
}

/* 分别指定水平方向和垂直方向的圆角大小 */
div {
  border-radius: 10px 20px 10px 20px / 30px 40px 30px 40px;
}

在上面的示例中，'border-radius' 属性接受一个或两个值。如果只提供一个值，则会将所有四个角都设置为相同的圆角大小。如果提供两个值，则第一个值表示水平方向的圆角大小，第二个值表示垂直方向的圆角大小。

注意：'border-radius' 属性只适用于具有边框的元素，例如 'div'、'p' 等。