css中如何把图片显示圆形

在CSS中，我们可以使用border-radius属性来将图片变成圆形。实现起来非常简单，只需要为图片添加一个圆角值即可。

img {
  border-radius: 50%;
}

上面代码中，我们将border-radius设置为50%，这样图片的四个角都会被裁剪成圆角，从而呈现出圆形的形状。

如果要控制图片的大小，可以使用width和height属性来指定具体的数值。同时，也可以使用object-fit属性来控制图片的缩放方式，比如填充或者居中。

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

上面代码中，我们将图片的大小设置为100px * 100px，同时使用cover将图片缩放并填充满容器。

总之，使用border-radius属性实现图片圆形是非常简单的。如果需要控制样式，可以结合其他属性一同使用，最终实现图形的效果。希望本文能够帮助到你。