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

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

我知道属性的顺序去：

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

但我想知道是否有可能使阴影四处散布，而不是只出现在一侧或一侧。

您要偏移阴影，因此要使其均匀地包围盒子，请不要偏移它：

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

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

另外，如果用逗号分隔多个阴影，则可以使用多个阴影。这将使您可以微调模糊的位置以及扩展的程度。我提供的示例与大型并没有区别outline，但可以进行更多的微调：小提琴

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

完整的属性列表是：

框阴影：[水平偏移] [垂直偏移] [模糊半径] [扩展距离] [颜色]嵌入？

但更好的是，通读规范。

只需使用以下代码。它将阴影包围整个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);

希望这会起作用

CSS代码为：

box-shadow: 0 0 10px 5px white;

无论其形状如何，这将使整个DIV蒙上阴影！

使用下面的代码

 border:2px soild #eee;

 margin: 15px 15px;
 -webkit-box-shadow: 2px 3px 8px #eee;
-moz-box-shadow: 2px 3px 8px #eee;
box-shadow: 2px 3px 8px #eee;

说明：-

box-shadow要求您设置水平和垂直偏移，然后可以选择设置模糊和颜色，还可以选择具有阴影插入而不是默认起始。颜色可以定义为hex或rgba。

box-shadow：插入/偏移h偏移v偏移模糊扩展色；

值的说明...

插入/开始-阴影位于框内还是框外。如果未指定，则默认为一开始。

h-offset-阴影的水平偏移（必需值）

v-offset-阴影的垂直偏移（必需值）

模糊-正如所说的那样，阴影的模糊

散布-将阴影从盒子的各个侧面均匀地移开。正值会使阴影扩大，负值会使阴影收缩。尽管不经常使用该值，但对于多个阴影很有用。

颜色-正如它所说的，阴影的颜色

用法

box-shadow：2px 3px 8px #eee; 水平开始为2px，垂直为3px，模糊为8px的灰色阴影