Html 如何在bootstrap 4中使图像覆盖卡边框？

当你使用卡片时，整张卡片都有一个边框。它会在图像的底角创建一个不太好看的像素偏移。看起来图像离左边太远了一个像素

我试着给图像加上负的边距和左右的位置，但是没有用

有没有最佳做法或优雅的方式使图像与卡的边框重叠

乱数假文

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。

乱数假文

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。

试试这种方法

.card-img-top {
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
    width: calc(100% + 2px);
   }

---

您可以取消设置

.card

的边框类，并将边框指定给

.card body

的类

.card{border:unset！重要；}
.card body{边框：1px实心rgba（0,0,0,125）；边框半径：0.25rem.25rem；}

乱数假文

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。

乱数假文

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。

ha这也是我想出的解决方案！我不知道

calc

又是一件事了：）