如何使 Bootstrap 图像变圆角?

Jas*_*n G 4 html css bootstrap-4

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

.rounded {
    border-radius: 50px!important;
}
Run Code Online (Sandbox Code Playgroud)

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

在此输入图像描述

在此输入图像描述

rav*_*404 5

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

<img src="img.jpg" class="rounded-circle" alt="img">
Run Code Online (Sandbox Code Playgroud)

你也可以使用这个CSS属性

  width: 50%;
  height: 50%;
  border-radius: 50%;
Run Code Online (Sandbox Code Playgroud)