html - 如何使 Bootstrap 图像变圆？

Question

我似乎无法使用以下方法将我的图像放在一个完美的圆圈中:

.rounded {
    border-radius: 50px!important;
}

我应该使用其他 CSS 设置吗？图片的顶部和底部仍然有一条水平线，即使我抬高超过 50px。

Answer 1

如果您使用 Bootstrap ，只需使用类 .rounded-circle

<img src="img.jpg" class="rounded-circle" alt="img">

你也可以使用这个css属性

  width: 50%;
  height: 50%;
  border-radius: 50%;