css - 仅从 div 顶部删除框阴影？

Question

我正在尝试向我的 div 添加一个框阴影，但我只希望阴影出现在 div 的左侧、右侧和底部，有谁知道或可以告诉我如何只从我的 div 中删除顶部阴影分区？

-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
 -khtml-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

Answer 1

基本的 Box-shadow 值是:

box-shadow: [horizontal-offset] [vertical-offset] [blur](optional) [spread](optional) [color]

例如:

box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

只是一个没有偏移的影子

box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);

将是一个具有 5px 垂直偏移的阴影，有效地将阴影向下推，如下所示:

http://jsfiddle.net/TLQs9/