Html 如何在引导卡组中制作方形角图像

为图像库使用引导4卡

<div class="card-group flex-wrap">
                    <div class="card border-dark">
                       <img class="card-img-top" src="https://cdn.pixabay.com/photo/2020/10/03/14/54/rock-formations-5623735__340.jpg"  alt="Card image cap">
                    </div>
                    <div class="card border-dark">
                        <img class="card-img-top" src="https://cdn.pixabay.com/photo/2020/10/03/14/54/rock-formations-5623735__340.jpg" alt="Card image cap">
                    </div>
                    <div class="card border-dark">
                        <img class="card-img-top" src="https://cdn.pixabay.com/photo/2020/10/03/14/54/rock-formations-5623735__340.jpg" alt="Card image cap">
                    </div>
</div>

但上图画廊的边界半径有点圆。我需要在画廊正方形图像角（无边界半径）。我试着跟着一个，但在这里没有成功

 <img src="" class="img img-responsive full-width" />

---

如何解决此问题？

使用边框

四舍五入-0

实用程序类

  <div class="card-group flex-wrap">
        <div class="card border-dark rounded-0">
            <img class="card-img-top rounded-0" src="https://cdn.pixabay.com/photo/2020/10/03/14/54/rock-formations-5623735__340.jpg" alt="Card image cap">
        </div>
        <div class="card border-dark rounded-0">
            <img class="card-img-top rounded-0" src="https://cdn.pixabay.com/photo/2020/10/03/14/54/rock-formations-5623735__340.jpg" alt="Card image cap">
        </div>
        <div class="card border-dark rounded-0">
            <img class="card-img-top rounded-0" src="https://cdn.pixabay.com/photo/2020/10/03/14/54/rock-formations-5623735__340.jpg" alt="Card image cap">
        </div>
  </div>

---

它工作正常