css - 如何在css中应用 "rounded-circle"？边界半径 :50% not works

Question

显然这看起来很简单，我使用 Bootstrap，实际上我正在应用“rounded-circle”类，但没有任何反应。基本上是为了使图像变成圆形的效果，使用属性:border-radius: 50%! important; 但我不知道为什么它不能正确应用。

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

<img src="https://luisjordan.net/wp-content/uploads/2017/04/logo-ionic.jpg">

Answer 1

您可以简单地尝试使用深色背景的图像，或者简单地添加边框以查看具有白色背景的图像有多圆

img{
  border-radius:50%;
  width:300px;
  height:300px;
  border: solid 1px black;
}

<img src="https://csform.com/wp-content/uploads/2018/06/Ionic-App-Dark-UI.jpg">

<img src="https://luisjordan.net/wp-content/uploads/2017/04/logo-ionic.jpg">