Html 如何使用css在卡上覆盖图像？

我想把小图像放到

引导卡上。一半图像将位于卡的外部，一半图像将位于卡的内部

如何解决这个问题


这是我的密码：-

<div class="row">
    <div class="col-md-4">
        <div class="img">
            <img src="assets/images/images/brush.svg">
        </div>
        <div class="card" style="width: 18rem;">
            <div class="card-body">
                <h5>Graphic Desiger</h5>
            </div>
        </div>
    </div>
</div>


图形设计仪
您可以简单地使用一些
自定义CSS来实现这一点。将您的
img
设置为
绝对位置
。和一些主
div的边距

演示


img{
利润上限：-50px；
宽度：50%；
}
.col-md-4{
边缘顶部：50px；
}
.img{
位置：绝对位置；
左边距：10em；
z指数：999999；
}

图形设计仪
开发商
前端
您可以简单地使用一些
自定义CSS来实现这一点。将您的
img
设置为
绝对位置
。和一些主
div的边距

演示


img{
利润上限：-50px；
宽度：50%；
}
.col-md-4{
边缘顶部：50px；
}
.img{
位置：绝对位置；
左边距：10em；
z指数：999999；
}

图形设计仪
开发商
前端
如果我有多张卡，我必须为所有卡定制css。。。那么我该怎么办？@devanshi我已经编辑了我的答案。这显示了多张带有图像的卡。@devanshi很乐意帮忙。快乐编码：）在我有多张卡的情况下，我必须为所有卡定制css。。。那么我该怎么办？@devanshi我已经编辑了我的答案。这显示了多张带有图像的卡。@devanshi很乐意帮忙。快乐编码：）