box-shadow:4px 4px 6px #666, /*外阴影右下角*/
   -10px -6px 6px green,        /*外阴影左上角*/
   4px 4px 4px blue inset,      /*内阴影左上角*/
   -5px -5px 6px red inset,     /*内阴影右下角*/
   -8px 10px 4px #4c221b inset, /*内阴影右上角*/
   10px -8px 4px #ff7500 inset; /*内阴影左下角*/

设置阴影时用到：box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

外部投影：x正值阴影在右边 负值在左边，y正值引用是在下边负值在上边 通过x y的正负值设置阴影上下左右；

内部投影（inset）：与外部投影的方向相反

设置阴影时用到

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

其中Y轴偏移量表示垂直阴影的位置，也就是上下两边的阴影，如果不能理解的话，可以在代码编写时将X轴偏移量设置为0，这样便于观察位置

box-shadow:0px 8px 6px #666 ;

此时，会发现下边有阴影，当Y轴偏移量取负值时，阴影在上面 。

同理，

box-shadow:8px 0px 6px #666 ;

此时，阴影出现在右侧。

x正值阴影在右边 负值在左边，y正值引用是在下边负值在上边 通过x y的正负值设置阴影上下左右

先是x轴方向，然后是y轴方向，最后再看值是负值还是正正值，就可以判断了

看正负值区分呢呀