关于各个边阴影写法整理

做记录用，后续添加其它写法
关于box-shadow几个值的意思。
box-shadow:a（水平阴影值）,b（垂直阴影值）,c（模糊距离）,d（阴影的尺寸，调节阴影的大小）,#xxx（阴影颜色）;
 

1、单边阴影

(1)、左边阴影：box-shadow:-5px 0 3px -2px red

(2)、顶部阴影：box-shadow: 0 -5px 3px -2px red

(3)、底部阴影：box-shadow: 0 6px 4px -2px red

(4)、右边阴影：5px 0 3px -2px red

2、四个边展现均匀的阴影0 0 5px 1px gray

3、四个边设置不同的阴影颜色

height:120px;width:120px;

border-radius: 50%;

background: coral;

box-shadow:

-15px 0 18px 1px red,

0 -15px 18px 1px greenyellow,

15px 0 18px 1px deepskyblue,

0 15px 18px 1px yellow;