Css 如何添加自定义框阴影

我只想在下面的图片设计框阴影一样

我已经尝试了以下所有代码

box阴影：插入0 0px 2px rgba（0,0,0,39）

但是输出看起来像


我更改了框阴影值，无法获得准确的输出。有人帮忙吗。。谢谢。
最好使用
-webkit-box-shadow
，
-moz-box-shadow
和
box-shadow
，以获得更好的输出效果


输入{
宽度：100px；
填充：15px；
-webkit盒阴影：嵌入0px 2px 15px-5px rgba（0,0,0,0.39）；
-moz盒阴影：嵌入0px 2px 15px-5px rgba（0,0,0,0.39）；
盒影：嵌入0px 2px 15px-5px rgba（0,0,0,0.39）；
}

。选择样式{
填充：0；
保证金：0；
边框：1px实心#ccc；
宽度：150px；
边界半径：1px；
溢出：隐藏；
盒影：插入0px 1px 5px-2px rgba（0,0,0.4）；
背景：#e5 url（“http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif）无重复90%50%；
}
.选择样式选择{
填充：5px 8px；
宽度：130%；
边界：无；
盒影：无；
背景色：透明；
背景图像：无；
-webkit外观：无；
-moz外观：无；
外观：无；
}
.选择样式选择：焦点{
大纲：无；
}

已完成的订单
名称
年龄
班
可能有帮助：。如果没有，请创建一个