box-shadow是CSS3的属性，使用box-shadow终于可以使用纯代码实现阴影效果。
box-shadow有六个可设值
img{box-shadow:阴影类型 X轴位移 Y轴位移 阴影模糊值 阴影边框 阴影颜色 }
当不设阴影类型时，默认为投影效果。当设为inset时，为内阴影效果。X轴和Y轴可以是正数也可以是负数，比如X轴设置为10px,Y轴为20px，即阴影向右移动10个像素，向下移动20个像素，设为负数则反方向移动。阴影模糊值的数值越大，阴影越模糊，有点像photoshop中的羽化值。阴影边框值越大，阴影越粗。阴影颜色绝大多数情况会选择灰色#ccc,#666等。
box-shadow常用属性值
box-shadow:3px 3px 6px 0px?#ccc box-shadow:0px 0px 9px 0px?#ccc
box-shadow实现多重阴影效果
box-shadow:-10px 0 10px red, box-shadow:10px 0 10px blue,box-shadow:0 -10px 10px yellow,box-shadow:0 10px 10px green
4个边框竟然有4种阴影，不同的颜色，神奇吧！但是需要注意的书写代码的顺序问题，越前面写的阴影将显示在越上层，如果最先写的阴影半斤很大的话会遮盖住后写的阴影。
box-shadow的浏览器兼容性问题
box-shadow是CSS3中的属性，在绝大多数主流浏览器中都支持，但在IE包括国内主流的360安全浏览器（IE内核）都不支持，所以要用到?ie-css3.htc这个文件。
当你使用了这个htc文件后
你的CSS里面，只要写有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一种，IE就会渲染。
box-shadow的属性值必须带单位。你不能这样写box-shadow: 0 0 10px red; 而应该是box-shadow: 0px 0px 10px red; 否则IE中会失效。
不支持inset内阴影。不支持阴影边框。不支持阴影颜色，不管你设置成什么颜色，在IE中只会显示为黑色。
不支持RGBA值中的alpha透明度。
