CSS3 box-shadow（二）

定义和用法

box-shadow 属性向框添加一个或多个阴影。

语法

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

box-shadow: offset-x offset-y blur spread color inset;

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展] [阴影颜色] [投影方式];

单词解释：blur:模糊 spread:伸展 inset:内凹

参数解释：

offset-x：必需，取值正负都可。offset-x水平阴影的位置。

offset-y：必需，取值正负都可。offset-y垂直阴影的位置。

blur:可选，只能取正值。blur-radius阴影模糊半径，0即无模糊效果，值越大阴影边缘越模糊。

spread：可选，取值正负都可。spread代表阴影的周长向四周扩展的尺寸，正值，阴影扩大，负值阴影缩小。

color:可选。阴影的颜色

inset:可选。关键字，将外部投影(默认outset)改为内部投影。inset 阴影在背景之上，内容之下。

.box{
    box-shadow:5px 5px 3px 2px #ccc insert
}

 .box{

   box-shadow:5px 5px 3px #ccc; // 可以这样

}