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

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

字符串

是的，不要垂直或水平偏移，并使用相对较大的模糊半径：fiddle
此外，如果你用逗号分隔它们，你可以使用多个盒子阴影。这将允许你微调它们模糊的地方和它们延伸的程度。我提供的例子与一个大的outline没有区别，但它可以被微调得更多：fiddle
您错过了box-shadow的最后一个也是最相关的属性，即spread-distance。您可以指定阴影扩展或收缩的值（使我的第二个示例过时）：fiddle
完整的属性列表是：
box-shadow：[horizontal-offset] [vertical-offset] [blur-radius] [spread-distance] [color] inset？
但更好的是，阅读规范。

只需使用下面的代码。它将阴影包围整个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偏移模糊扩散颜色;

价值观的解释…

inset/beginning-阴影是在框内还是框外。如果不指定，则默认为beginning。
h-offset-阴影的水平偏移（必需值）
v-offset-阴影的垂直偏移（必需值）
模糊-正如它所说的，阴影的模糊
spread--将阴影从长方体的所有侧面均匀地移开。正值会导致阴影扩大，负值会导致阴影缩小。虽然这个值不经常使用，但它对多个阴影很有用。
color--正如它所说，阴影的颜色

用法

box-shadow：2 px 3 px 8 px #灰色阴影，水平起点为2 px，垂直为3 px，模糊为8 px

height: 100px;
width: 100px;
background-color: aqua;
box-shadow: 0px 0px 10px 10px red;

字符串