border-radius 这个属性有什么用

`border-radius` 属性用于设置元素的圆角。它可以让元素的边框变得圆滑，而不是直角。

使用 `border-radius` 可以让元素看起来更加友好和现代化，也可以用于创建特定的视觉效果，比如圆形图像或气泡形状的对话框等。

`border-radius` 属性接受一个或多个值，每个值表示一个角的圆角半径。如果提供一个值，则四个角的圆角半径都相等；如果提供两个值，则第一个值表示左上角和右下角的圆角半径，第二个值表示右上角和左下角的圆角半径；如果提供四个值，则分别表示左上角、右上角、右下角和左下角的圆角半径。

例如，以下代码将创建一个 50 像素半径的圆形元素：

border-radius: 50%;