CSS3阴影属性box-shadow
发布时间：January 15, 2012
box-shadow语法与取值
box-shadow: <length> <length> <length> ? <length> ? || <color>
取值：阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影扩展；阴影颜色
不设阴影类型时，默认为投影效果。当设为inse时，为内阴影效果。
水平和垂直类似于photoshop里的角度和位置.
阴影模糊值（大小）、扩展、颜色于photoshop里的同理。
浏览器支持
Internet Explorer：(×)IE6 (×)IE7 (×)IE8 (√)IE9
Firefox：(×)Firefox 3.0.10 (√)Firefox 3.5
Opera：(×)Opera 9.64 (√)Opera 10.6
Chrome：(√)Chrome 2.0.x
Safari：(√)Safari 4
兼容性设置
引擎类型：Box-shadow
Gecko：-moz-box-shadow
ebkit：-webkit-border-shadow
代码实例
img {
-moz-box-shadow:2px 2px 10px #06C;
-webkit-box-shadow:2px 2px 10px #06C;
box-shadow:2px 2px 10px #06C;
}