css阴影四周但顶部

Question

你试图在所有方面获得一个投影,但顶部,下拉子菜单在这个网站上发现这个代码,它的所有方面都有阴影但不是底部

body {
     width: 300px;
     height: 200px;
     margin: 20px auto;

 -webkit-box-shadow: 0 -3px 3px -3px #999, 3px 0px 3px -3px #999, -3px 0px 3px -3px #999;
 -moz-box-shadow:    0 -3px 3px -3px #999, 3px 0px 3px -3px #999, -3px 0px 3px -3px #999;
 box-shadow:         0 -3px 3px -3px #999, 3px 0px 3px -3px #999, -3px 0px 3px -3px #999
 }

我如何改变成为各方面的阴影但顶部？
一直在尝试小提琴,但为了我的生活不能理解上面的代码从上到下改变它的影子
http://jsfiddle.net/PuKDb/

需要它像这样一个
http://jsfiddle.net/leaverou/8tgAp/
而不是红线从上面的阴影...

我是一个剪切和粘贴编码器,所以任何帮助将被贬低!

Answer 1

body {
    width: 300px;
    height: 200px;
    margin: 20px auto;

-webkit-box-shadow: 3px 3px 3px -3px #999, 3px 3px 3px -3px #999, -3px 3px 3px -3px #999;
-moz-box-shadow:    3px 3px 3px -3px #999, 3px 3px 3px -3px #999, -3px 3px 3px -3px #999;
box-shadow:         3px 3px 3px -3px #999, 3px 3px 3px -3px #999, -3px 3px 3px -3px #999
}

没有解释,因为你显然没有兴趣为什么它的工作,只是它确实;)