box-shadow的全方位了解

参数： /* inset | offset-x | offset-y | blur-radius | spread-radius | color */

1.inset（默认阴影在边框外，这个参数使阴影在边框里） 例子：{ width:300px; height:100px; background-color:yellow; box-shadow: 10px 10px 5px #888888; } 这是没有这个参数的

box-shadow: inset 10px 10px 5px #888888; （加了这个参数）

2. :用来设置阴影偏移量 设置水平偏移量，如果是负值则阴影位于元素左边。 例子：box-shadow: -10px 10px 5px #888888;

设置垂直偏移量，如果是负值则阴影位于元素上面。 例子：box-shadow: 10px -10px 5px #888888;

如果两者都是0，那么阴影位于元素后面。 例子：box-shadow: 0px 0px 10px #888888;

3.：阴影模糊程度 值越大，模糊面积越大，阴影就越大越淡。不能为负值。默认为0，此时阴影边缘锐利。 看上面的例子 4.：阴影扩展长度 取正值时，阴影扩大；取负值时，阴影收缩。默认为0，此时阴影与元素同样大。 例子：box-shadow: 0px 0px 10px 40px #888888;

其实我觉得我懂这些参数了，但是我还是有点不会用，css博大精深啊