提问者:小点点

如何在自举卡组中制作方形角图像


使用bootstrap 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" />

怎么解决这个问题?


共1个答案

匿名用户

使用border实用程序类。。。

  <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>

演示