持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第决19天 盒子的阴影效果在我们的网页中用的非常多，box-shadow是盒子阴影的属性，它有着许多值，我们可以从下面的图片来了解一下：
我们给盒子赋予阴影属性值的像素值的时候，一般都是按着顺序来的从左往右依次是：水平阴影的位置，垂直阴影的位置，模糊距离，阴影尺寸，阴影的颜色。 阴影可以分为外阴影和内阴影，一般外阴影是系统默认的，我们不需要添加outset，强行添加外阴影outst的话，会使我们盒子没有阴影效果，而内阴影需要我们来添加。接下来我们来写一个盒子的外阴影：
盒子的阴影位置是可以上下左右移动的，只需要改变box-shadow的前两个值，如过想到达到我们自己的预期效果的话，我们可以在这个代码的网页中右击鼠标，点击“检查”，打开控制台，找到我们的div盒子，在这里面就可以调整阴影想要的位置：
设置盒子的外阴影，我们只需要在box-shadow属性中加入inset 即可：
