css阴影效果 顶部,css阴影四周但顶部

嗨试图在所有方面获得一个投影,但顶部,下拉子菜单

在这个网站上发现了这个代码,它的所有方面都有阴影但不是底部

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;

box-shadow: 0 -3px 3px -3px #999,-3px 0px 3px -3px #999

}

我如何改变成为各方面的阴影但顶部？

一直试图小提琴,但为了我的生活不能理解上面的代码从顶部到底部的阴影改变它

http://jsfiddle.net/PuKDb/

需要它像这样

http://jsfiddle.net/leaverou/8tgAp/

而不是红线从上面的阴影……

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