css中怎样设置图片成圆形

在CSS中如何设置图片成圆形呢？
首先，我们可以使用border-radius属性来实现图片圆角化，这不仅适用于一个正方形图像，还可以适用于其它形状的图像。
如果想要一个完全圆形的图片，我们可以将border-radius的值设置为50%，如下所示的CSS代码：

img {
  border-radius: 50%;
} 

如果图像不是正方形，圆形图像可能会被切割掉一部分。这时候我们可以设置一个和图像宽度一样的高度来保持比例。比如：

img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
} 

设置完毕后，你会发现图片已经变成了一个圆形的形状。但是，如果我们想要防止圆形图像被拉伸变形，我们需要将对象的高度和宽度设置为相同的值，并且同时使用 object-fit 属性，像这样：

img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
} 

现在，你已经可以将图像变成一个完美的圆形啦！