官方圖 來一張
水平陰影位置：是指陰影水平偏移量其值可以是正負值可以取正負值，如果值為正值，則陰影在對象的右邊，反之其值為負值時，陰影在對象的左邊；
垂直陰影：是指陰影的垂直偏移量，其值也可以是正負值，如果為正值，陰影在對象的底部，反之其值為負值時，陰影在對象的頂部；
陰影模糊半徑：
此參數是可選，，但其值只能是為正值，如果其值為0時，表示陰影不具有模糊效果，其值越大陰影的邊緣就越模糊；值越大越模糊
陰影擴展半徑
此參數可選，其值可以是正負值，如果值為正，則整個陰影都延展擴大，反之值為負值是，則縮小
color:陰影顏色
inset:不寫的話默認是外陰影，寫了inset的話就是內陰影
陰影模糊半徑與陰影擴展半徑的區別
陰影模糊半徑：此參數可選，其值只能是為正值，如果其值為0時，表示陰影不具有模糊效果，其值越大陰影的邊緣就越模糊；
陰影擴展半徑：此參數可選，其值可以是正負值，如果值為正，則整個陰影都延展擴大，反之值為負值時，則縮小；
.in{
width: 100px;
height: 100px;
background-color: gainsboro;
margin-left: 300px;
margin-top: 100px;
box-shadow: 0px 0px 10px 3px red inset;
}
如果改變值
box-shadow: 0px 0px 20px 5px red inset;
模糊半徑值越大，越模糊，倒數第三個參數是擴展半徑，當值越大時，擴展的越大，陰影面積越大
box-shadow: 0px 0px 20px -5px red inset;對應的圖如下，只改了擴展半徑（陰影尺寸），改成負值的話 變淡了
如果改成20呢
box-shadow: 0px 0px 20px 20px red inset;
驗證了值越大，就擴展得越開就相當於尺寸變大了；
下面來做外部陰影效果，要做這種四周環繞的效果，就得把x,y的值設置0，讓陰影的模糊半徑和陰影尺寸來決定外部陰影的效果
.out{
width: 100px;
height: 100px;
background-color: gainsboro;
margin-left: 300px;
box-shadow: 0px 0px 15px 3px red;
}
改變值：模糊半徑越大，越模糊，后面那個參數是尺寸（或者擴展半徑）越大陰影占地面積越大
box-shadow: 0px 0px 30px 5px red;
