CSS中如何将图片变成椭圆形呢？

.img {
border-radius:50%;
}

接下来我们来详细解释这段代码。

border-radius属性可以用来设置四个边角的圆角半径。如果把这个半径设置为元素宽度/2，就会得到一个圆形，而如果将其设置为高度/2，就会得到一个椭圆形。

在上述代码中，我们将border-radius属性的值设置为50%，这就表示四个边角的半径为元素的50%。由于我们只设置了水平方向的半径值，所以会得到一个宽度和高度相等的圆形。

如果想要得到一个非圆形的椭圆形，就需要设置适当的宽和高值，然后在border-radius属性中分别设置对应方向的半径值即可。

总之，通过这个简单的CSS属性，我们可以很方便地将图片变成椭圆形，为网站设计增加更多的美感。希望这篇文章对你有所帮助！