关于box-shadow

box-shadow参数:offset-x offset-y blur spread color inset;
参数意义:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展] [阴影颜色] [投影方式];

1. offset-x：必需，正负值都可. 水平阴影的位置.
2. offset-y：必需，正负值都可以. 垂直阴影的位置.
3. blur:可选，正值. 阴影模糊半径，0表示无模糊效果，值越大阴影边缘越模糊.
4. spread：可选，正负值都可. 代表阴影向四周扩展的尺寸，正值，阴影扩大，负值阴影缩小.
5. color:可选. 阴影的颜色。不设置为黑色
6. inset:可选. 将外投影改为内投影。inset 阴影在背景之上，内容之下。不设置则默认值为outset.

例子
1.在只设置x,y偏移量的情况下blur spread 默认值为0, color默认为黑色, 默认为outside外阴影

    box-shadow: 5px 5px;

2.设置blur之后阴影模糊了5px

    box-shadow: 5px 5px 5px;

3.设置了spread之后,shadow更宽了

    box-shadow: 5px 5px 5px 5px;

4.改变阴影颜色

    box-shadow: 5px 5px 5px 5px pink;

5.阴影设置为内阴影后

box-shadow: 5px 5px 5px 5px pink inset;

6.不设置偏移量,只设置blur模糊参数

    box-shadow: 0 0 12px 0 pink;

7.只设置了spread阴影面积

    box-shadow: 0 0 0 5px #000;

8.一般用于边框阴影的设置

    box-shadow: 0px 0px 12px 0px rgba(197, 197, 197, 0.4);