[分享]css中怎么让图片有圆角

CSS中可以用border-radius属性来设置图片的圆角。以下是示例代码：

img{
  border-radius: 50%;
} 

在上面的代码中，border-radius设置为50%，这会使图片的四个角都变成圆形，因为50%的值是图片宽度和高度的一半。

如果想要只让图片的某一个角变成圆形，可以这样写：

img{
  border-top-left-radius: 10px;
} 

这个代码会让图片左上角变成圆形，其他角仍然是直角。

除了border-radius属性，CSS还提供了其他属性来设置圆角的形状和大小。这里只列举两个：

img{
  border-radius: 20px 10px 30px 5px;
} 

这个代码会让图片的左上角是20px的圆角，右上角是10px的圆角，右下角是30px的圆角，左下角是5px的圆角。

img{
  border-radius: 50% / 25%;
} 

这个代码会让图片的四个角变成椭圆形，横向直径是图片宽度的一半，纵向直径是图片高度的四分之一。

以上就是CSS中设置图片圆角的方法，可以根据实际需要选择使用。