html - 盒子阴影效果可以应用于 div 的左右两侧吗？

<分区>

是否可以将框阴影仅应用于 div 的左侧和右侧？

box-shadow: 0px 0 20px rgba(0,0,0,.4);

我尝试将其更改为以下几个变体:

box-shadow: 0, foo, 0, foo;

但效果不佳。

在下图中，我想删除底线(和最上面的那条线，但您在此图中看不到)。

如果可能的话，我宁愿不使用图片。

Div with a box-shadow

最佳答案

你可以通过在 :before 和 :after 上设置 box-shadow 来做到这一点

div:before {
    box-shadow: -15px 0 15px -15px inset;
}
div:after {
    box-shadow: 15px 0 15px -15px inset;
}

关于html - 盒子阴影效果可以应用于 div 的左右两侧吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20334974/

相关文章：

javascript - 达到浏览器高度时垂直对齐内容和滚动框