box-shadow详解

box-shadow属性接收一个由5个参数组成的值，每个值的意思如下：

• h-shadow: 水平阴影的位置
• v-shadow:垂直阴影的位置
• blur：模糊距离
• spread：阴影的尺寸
• color：阴影的颜色
  h-shadow 可以为正负值，正数，阴影在元素右边，负数在元素左边；
  v-shadow 可以为正负值，正负，隐隐在元素下边，负数在元素上边；
  blur: 默认为0，如添加，只可为正数，数值越大，阴影越模糊
  spread：扩展半径，实话，我理解的有点懵，后来我各种百度，我发现有种理解方式很好懂 ，就是把他当做阴影的尺寸。可以被看作是从元素到阴影的距离。如果正值会在元素的四个方向延伸阴影。负值会使阴影变得比元素本身尺寸还要小。默认值“0”会让阴影变得得和元素的大小一样。