这个问题在这里已经有答案了：
在所有边上创建CSS3长方体阴影，但不包括一个
（9个答案）
（9个答案）
去年关闭了
我想在一个div的三个面上有一个长方体阴影（除了顶面）。我怎么能这么做
这里有一个JS提琴给你，它只使用一个div来工作
影盒{
背景色：#ddd；
保证金：0px自动；
填充：10px；
宽度：220px；
方框阴影：0px 8px 10px灰色，
-10px 8px 15px灰色，10px 8px 15px灰色；
}
在底部、左下角和右下角设置阴影。对于软阴影，它变得有点棘手，但它是可行的。它只需要一点猜测来减少中间阴影的模糊半径，这样当它与侧阴影重叠时，它看起来无缝且不太暗