UI设计图中常会出现阴影的效果，所以需要记住box-shadow对应的参数代表的含义。
box-shadow 由逗号分割的列表来描述一个或多个阴影效果。该属性可以让几乎所有元素的边框产生阴影。如果元素同时设置了
box-radius，阴影也会有圆角效果。多个阴影的z-ordering（第一个阴影在最上面）【1】。
下面是box-shadow的样式例子【2】：
.shadow{
-moz-box-shadow: 3px 2px 5px 6px #ccc;
-webkit-box-shadow: 3px 2px 5px 6px #ccc;
box-shadow: 3px 2px 5px 6px #ccc;
}
- X偏移量：正偏移阴影位于盒子（box）的右侧，负偏移表示阴影位于盒子（box）的左侧
- Y偏移量：负偏移量阴影位于盒子的上方，正偏移量阴影位于盒子的下方
- 模糊半径的大小（可选）：默认为0值时阴影是锐利的（sharp），数字越大，越模糊。
- 扩展半径的大小（可选）：正值会增加阴影的大小，负值会减小阴影的大小。默认值为0（阴影与模糊大小相同 ）
- 颜色值
- inset (可选) 使用inset后阴影在边框内，阴影向内扩散，背景之上内容之下
box-shadow: 60px -16px red;
box-shadow: 10px 5px 5px red;
box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
box-shadow:inset 5em 1em gold;
box-shadow:3px 3px red,-1em 0 0.4em black;
