前端之家收集整理的这篇文章主要介绍了
div三面上的CSS box-shadow？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我希望在div的三边有一个盒子阴影(除了顶边).我怎么能这样做？
这里有一个
JS Fiddle,它只使用一个div来工作.
#shadowBox {
background-color: #ddd;
margin: 0px auto;
padding: 10px;
width: 220px;
Box-shadow: 0px 8px 10px gray,-10px 8px 15px gray,10px 8px 15px gray;
}
您在底部,左下角和右下角设置了阴影.对于柔和的阴影,它有点棘手,但它是可行的.只需要一点猜测就可以减少中间阴影的模糊半径,这样当它与侧面阴影重叠时它看起来是无缝的并且不会太暗.
原文链接：https://www.f2er.com/css/217626.html
