试图在左右两侧获得CSS阴影

Question

我有一个DIV元素，我也想应用CSS框阴影。问题是，我只想在元素的左侧和右侧。我试过玩

box-shadow: 0 0 10px #000;

但无论我做什么都拒绝工作。我希望阴影为10px，颜色为＃000。

由于

Answer 1

您应该将此应用到CSS中。

div {
    box-shadow: 4px 0 2px #222,  -4px 0 2px #222; 
}

这是一个例子。 http://jsfiddle.net/vDvkP/

Answer 2

.box-shadow {
    -webkit-box-shadow:4px 0 2px #000, -4px 0 2px #000;
    -moz-box-shadow:4px 0 2px #000, -4px 0 2px #000;
    box-shadow:4px 0 2px #000, -4px 0 2px #000;
}