在整个 DIV 周围添加 CSS 框阴影

Question

是否可以让阴影围绕整个 DIV？

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

我知道属性的顺序是：

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

但我想知道是否有可能让阴影环绕它而不是只出现在一个边缘或一侧。

原文由 Warface 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您正在偏移阴影，因此要使其均匀地围绕框，请不要偏移它：

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

原文由 BoltClock 发布，翻译遵循 CC BY-SA 4.0 许可协议