[分享]css中如何把div边框变圆

CSS中通过设置border-radius属性，可以将div的边框变成圆角。

div {
  border: 1px solid black;
  border-radius: 5px;
} 

在border-radius属性中，可以设置一个或多个值，来精细控制圆角的弧度。

如果只设置一个值，则四个角的弧度一样，如下：

div {
  border: 1px solid black;
  border-radius: 10px;
} 

如果设置两个值，则第一个值表示左上角和右下角的弧度，第二个值表示右上角和左下角的弧度：

div {
  border: 1px solid black;
  border-radius: 10px 5px;
} 

如果设置四个值，则依次表示左上角、右上角、右下角、左下角的弧度：

div {
  border: 1px solid black;
  border-radius: 10px 5px 15px 20px;
}