box-shadow边框阴影

语法：

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

说明：

h-shadow ：x-坐标值，阴影水平偏移量，允许负值，如果设为0，阴影就位于元素正后方，负值向左偏移，正值向右偏移

v-shadow：y-坐标值，阴影垂直偏移量，允许负值，负值向上偏移，正值向下偏移

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

spread：阴影的大小，允许负值。正值阴影扩大，上下左右扩大相应尺寸。负值阴影收缩。默认为0，此时阴影与元素同样大。

color：阴影颜色

inset：默认阴影是在边框外面，设置inset则阴影在边框内，顺序可以在最前面也可以在最后面。

---

 

简单的说：

1.偏移量必需项，代表阴影的位置是靠上还是靠下，靠左还是靠右。（允许负值）

2.阴影本身是锐利的，就像元素边框一样，blur就代表阴影是否模糊，默认值是0，没有负值，blur越大，模糊面积就越大，阴影相应就会变大变淡（可选，没有负值）

3.阴影本来是与元素自身大小一样的，spread就决定了阴影的大小，是向四周扩大还是缩小（允许负值，可选）

4.color就是阴影的颜色，默认的颜色是与元素的颜色一致（可选），inset表内置阴影（可选）