如何使 Bootstrap 图像变圆角？

Question

我似乎无法使用以下方法使图像形成完美的圆形：

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

我应该使用其他 CSS 设置吗？即使我提高了 50 像素以上，图像的顶部和底部仍然有一条水平线。

Answer 1

如果您使用引导程序，只需使用类 .rounded-circle

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

你也可以使用这个CSS属性

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