使用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" />
怎么解决这个问题?
使用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>
演示