CSS3 box-shadow盒子阴影

inset | offset-x | offset-y | blur-radius | spread-radius | color

阴影在边框内 x轴 y轴 模糊半径 扩散半径 阴影颜色

inset： 默认阴影在边框外。使用 inset 后，阴影在边框内

offset-x：水平偏移量：（如果是负值则阴影位于元素左边）

offset-y：垂直偏移量：（如果是负值则阴影位于元素上面）

offset-x和offset-y 两者都是0，那么阴影位于元素后面

blur-radius：值越大，模糊面积越大，阴影就越大越淡。 不能为负值（默认为0，此时阴影边缘锐利。）

spread-radius： 取正值时，阴影扩大；取负值时，阴影收缩（默认为0，此时阴影与元素同样大。）

	     /* x轴 y轴 阴影颜色*/
             box-shadow: 6px -5px #ccc; 

             /* x轴 y轴 模糊半径 阴影颜色*/
             box-shadow: 6px -5px 5px red; 


            /* x轴 y轴 模糊半径 扩散半径 阴影颜色*/
             box-shadow: 1px 1px -5px 2px red; 

            /* inset: 阴影在边框内 */
            box-shadow: inset -10px 1px 3px red;