border-radius是什么

`border-radius` 是 CSS (层叠样式表) 中的一个属性，用于设置元素边框的圆角。它定义了一个或多个边角的半径，可以让你的元素边缘呈现圆滑的过渡，而不是传统的直角。通过设置 `border-radius` 值，你可以创建圆形、椭圆形或其他曲线形状的外观，增强了UI设计的视觉吸引力。

例如，如果你想让一个矩形元素的四个角都是圆角，你可以这样写：

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

这里 `10px` 是圆角的半径，你可以使用像素 (`px`)、百分比 (`%`) 或其他长度单位。如果只想设置单个角的圆角，可以使用 `border-top-left-radius`, `border-top-right-radius`, `border-bottom-left-radius`, 和 `border-bottom-right-radius` 分别针对各个角落。