在整个DIV周围添加CSS盒子阴影

是否有可能在整个DIV周围有阴影？

-moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; 

我知道属性的顺序是：

• 水平偏移
• 垂直偏移
• 模糊半径
• 颜色

但是我想知道是否有可能让影子四处走动，而不是只在一个边缘或一边出现。

Answer 1

只是零抵消？

 -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; 

Answer 2

是的，不要垂直或水平偏移，并使用相对较大的模糊半径： 小提琴

另外，如果用逗号分隔它们，则可以使用多个阴影框。 这将允许您调整模糊的位置以及延伸的位置。 我提供的例子与outline没有区别，但可以更精确地调整： 小提琴

你错过了最后和最相关的box-shadow属性，这是spread-distance 。 您可以指定阴影扩展或缩小的值（使我的第二个示例过时）： 小提琴

完整的房产名单是：

box-shadow：[horizo​​ntal-offset] [vertical-offset] [blur-radius] [spread-distance] [color] inset？

但更好的是，阅读规范 。

Answer 3

只需使用下面的代码。 它将阴影环绕整个DIV

-webkit-box-shadow: -1px 1px 5px 9px rgba(0,0,0,0.75); -moz-box-shadow: -1px 1px 5px 9px rgba(0,0,0,0.75); box-shadow: -1px 1px 5px 9px rgba(0,0,0,0.75);

希望这会工作