CSS让盒子圆角

要让盒子圆角，我们可以使用 CSS 的 border-radius 属性。该属性接受一个值，可以是一个数值，表示圆角的大小，也可以是一个百分比，表示圆角以盒子宽度的百分比为基础的大小。

例如，要让一个 div 盒子的四个角都有 10px 的圆角，可以这样写：

div {
  border-radius: 10px;
}

如果要让一个图片的四个角都有 50% 的圆角，可以这样写：

img {
  border-radius: 50%;
}

此外，我们还可以使用 border-top-left-radius、border-top-right-radius、border-bottom-left-radius 和 border-bottom-right-radius 属性，分别设置盒子的左上角圆角、右上角圆角、左下角圆角和右下角圆角的大小。例如：

div {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

这样就可以让一个 div 盒子的左上角和右上角都有 20px 的圆角，左下角和右下角都有 10px 的圆角。