CSS是一种很强大的网页设计工具，它可以让我们把普通图片变成漂亮的圆形展示在网页上。

想要实现这个效果，我们需要在CSS中使用“border-radius”属性。这个属性可以让图片的四个角变成圆角。当我们把这个属性的值设置为图片宽度的一半时，图片就可以变成圆形了。

img {
border-radius: 50%;
}

以上代码中，50%的值表示图片四角的圆角半径是图片宽度的一半。

另外，我们还可以使用CSS的“object-fit”属性来控制图片在圆形框中的缩放方式。如果我们想要图片填充整个圆形框，可以将“object-fit”属性的值设置为“cover”。

img {
border-radius: 50%;
object-fit: cover;
}

以上代码中，“cover”表示将图片放大或缩小，以便完全填充其容器。

最后，我们需要注意的是，使用这种方法将普通图片变成圆形时，图片需要是正方形的，否则图片会被扭曲。所以，在使用这种方法时，需要确保图片的宽高比例相等。