box-shadow 阴影

请查看：

http://note.youdao.com/noteshare?id=1c6adf383a1b6a210024e10e3cf14fb5&sub=E3C64739AC0F43CBB1CA8E6BAB661BED

 

阴影：

box-shoaow:h-shadow v-shadow blur spread color inset

box-shadow: 水平边距 竖直边距 模糊距离 阴影尺寸 颜色 是否内阴影

注意：h-shadow v-shadow为必需参数，其他为可选参数

 

eg: box-shadow: 5px 5px 10px 0 #aaa inset

eg：box-shadow: 5px 5px 10px 0 #aaa

兼容写法：

box-shadow: 5px 5px 10px 0 #aaa

-webkit-box-shadow: 5px 5px 10px 0 #aaa

-moz-box-shadow: 5px 5px 10px 0 #aaa

filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaa', Direction=135, Strength=10);/*for ie6,7,8*/