CSS3盒子阴影 box-shadow属性

第一：box-shadow的语法以及参数：

box-shadow 属性可以使用一个或者多个阴影，如果使用多个必须用,隔开。

box-shadow:none |[inset x-offset y-offset blur-radius spread-radius color],[inset x-offset y-offset blur-radius spread-radius color]

参数详解：

none：默认值没有任何阴影效果。

inset：阴影类型，可选值。如果不设置，默认的投影方式是外阴影；它有唯一值inset，设置内阴影。

x-offset：阴影水平偏移量。可正负。正，阴影在元素右边；负，阴影在元素左边。

y-offset：阴影垂直偏移量。可正负。正，阴影在元素底部；负，阴影在元素顶部。

blur-radius：阴影模糊半径，可选。只能是正。=0没有模糊效果。

spread-radius：阴影扩展半径，可选。正，整个阴影扩大；负整个阴影缩小。

color：阴影的颜色，可选。如果不设定，浏览器会取默认色，但各个浏览器的默认色不一样，特别在webkit内核下的浏览器无色，也就是透明。建议不要省略。

第二：属性使用方法

.top{
box-shaodw:0 -2px 0 red;
}