Javascript 如何将长方体阴影添加到引导转盘图像？

我想在引导旋转木马中的图像上有一个inset

box shadow

，但无论我做什么，它都不起作用。我希望阴影刚好在图像的边界周围

这是我的代码：

.carousel项目{
宽度：100%；
}
.转盘项目>a>img{
宽度：400px；
高度：600px；
}
.carousel项目>a>img:：之后{
盒影：0px 0px 60px 40px黑色镶嵌；
底部：0；
内容：“；
显示：块；
左：0；
位置：绝对位置；
右：0；
排名：0；
}

---

尝试使用负（-）框阴影。而是在：：上使用它，然后在图像上使用它

.carousel item>a>img{
盒影：0px 0px-60px-40px黑色镶嵌；
底部：0；
内容：“；
显示：块；
左：0；
位置：绝对位置；
右：0；
排名：0；
}

来自：

“：before”和“：after”伪元素可用于插入 在元素内容之前或之后生成的内容

由于

img

没有实际内容，因此这里不能访问

：before

和

：：after

您可以做的一件事是在

img

周围添加一个包装器，然后从那里开始

.img容器{
显示：内联块；
位置：相对位置；
}
.img容器：：之后{
内容：''；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
盒影：0px 0px 60px 40px黑色镶嵌；
}

您是否链接了自己的样式表？因为在提供的代码中，你没有。是的，我有。我不知道如何在这么短的时间内做到这一点@Matt.SI找到了这个链接：可能会帮助你