CSS3中的box-shadow属性用于添加阴影box-shadow:insetx-offsety-offsetblur-radiusspread-radiuscolorprojectionmethodX轴偏移Y轴偏移shadowblurradiusshadowextensionradiusshadowcolor如下概念引用自：http://www.w3cplus.com/conten...Shadowtype：该参数为可选值。如果不设置值，默认投影方式为外阴影；如果它是唯一的值“inset”，就是把外阴影变成内阴影，也就是说当阴影类型设置为“inset”时，它的投影就是内阴影；X-offset：指阴影的水平偏移量，其值可以是正值也可以是负值。取正负值，如果值为正，则阴影在物体的右侧，否则，当值为负时，阴影在物体的左侧；Y-offset：指阴影的垂直偏移量，它的值也可以是正值和负值，如果值为正，则阴影在物体的底部，否则，当值为负时，阴影在对象的顶部；shadowblurradius：该参数可选，但它的值只能为正数，如果它的值为0，则表示阴影没有模糊效果，值越大，阴影的边缘越模糊;阴影延伸半径：该参数可选，取值可正可负。如果该值为正数，则整个阴影如果该值为负数，则阴影颜色会减少：该参数可选，如果没有设置颜色，浏览器将采用默认颜色，但每个浏览器的默认颜色是不一样的，尤其是在webkit内核下的safari和chrome浏览器会是无色的，也就是透明的。建议不要省略此参数。demo1:div{宽度:300px;高度：200px；背景颜色：红色；盒子阴影：18px10px#888888；}demo2:div{宽度：300px；高度：200px；插图18px10px#888888；}demo3:div{宽度：300px;高度：200px；背景颜色：红色；框阴影：18px10px10px#888888;}demo4:div{宽度：300px；高度：200px；背景颜色：红色；盒子阴影：18px10px10px15px#888888;}
