CSS堆栈卡

我正在寻找一种使用CSS将卡片图像堆叠在一起的方法：

我的代码：

<ul class="stack">
    <li class="card"><img src="4h.png"/></li>
    <li class="card"><img src="9c.png"/></li>
    <li class="card"><img src="5c.png"/></li>
</ul>

---

有没有可能只用CSS就可以了？

您可以使用边距或填充将卡片移到左边

.card{
最小高度：300px；
宽度：200px；
左侧填充：40px；
}
#卡片1{
背景颜色：蓝色；
}
#卡片2{
背景色：红色；
}
#卡片3{
背景颜色：绿色；
}

---

您可以使用CSS为您的卡提供绝对定位。对于HTML中的每个卡片，使用内联CSS在堆栈中指定

左

位置和

z-index

位置（例如，0表示底部卡片，1表示上面的卡片，等等）。如果看到列表项目符号，请确保将其删除

.stack{
列表样式类型：无；
}
.卡片{
位置：绝对位置；
}

相对或绝对位置和z指数（底部最低指数）您听说过

z指数吗？您可以使用
left
property@SimonNovak试试这个