CSS阴影（如何摆脱顶部阴影？）

Question

有一个与CSS阴影的问题。 我无法弄清楚如何摆脱顶部阴影这里：http://i.imgur.com/5FX62Fx.png

我得到了什么：

box-shadow: 0 -3px 4px -6px #777, 0 3px 4px 6px #ccc; 

我该怎么办呢？我希望它在左侧，右侧和底部。

Answer 1

尝试像这样：

box-shadow: 3px 3px 3px #777, -3px 3px 3px #777; 

（十六进制调整颜色，以满足您的需求）

示例 - http://jsbin.com/ebemol/1

Answer 2

看起来你需要垂直阴影性质定位：

box-shadow: 0 5px 4px -6px #777 

-3px将表明阴影开始从那里的阴影会正常启动-3px，我已经把它改为任意值，5px所以它开始进一步下降。

http://jsfiddle.net/9Dgtj/

您可以从JS小提琴看到我已经提供了调节垂直阴影（5像素）移动的阴影下。

Answer 3

try this is: 

div 
    { 
    width:300px; 
    height:100px; 
    background-color:white; 
    box-shadow:0px 0px 5px #888888; 
    }