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

Question

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

box-shadow: 0 0 10px #000;

但无论我做什么，它都拒绝工作。我希望阴影为 10 像素，颜色为 #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;
}