如何将div元素的box-shadow设置为所有边，左阴影，右阴影，顶阴影，底阴影？

Question

我无法创建另一个父div容器，是否可能只使用css技巧？ box-shadow：7px 7px 7px黑色; 将仅从右边框和底部边框创建阴影，但我也需要左边和顶部。

Answer 1

使用框阴影有4个参数;偏移，模糊半径，扩散和颜色。

这是我在网站上使用的代码。它会产生一个阴影，其偏移为0，模糊半径为8px，颜色为灰色。

 box-shadow: 0 0 8px #888888;
-moz-box-shadow: 0 0 8px #888888;
-webkit-box-shadow: 0 0 8px #888888;

以下是对图像效果的快速示例。

http://www.css3.info/preview/box-shadow/

Answer 2

试试这个

box-shadow:2px 2px 10px 10px #C9C9C9;
-webkit-box-shadow:2px 2px 10px 10x #C9C9C9;
-moz-box-shadow:2px 2px 10px 10px #C9C9C9;

或

您可以使用shadowOn。它是一个很棒的jquery插件，非常容易使用。