在前端开发中，CSS样式是非常重要的一部分。其中，盒子阴影是一种常用的样式，它可以为页面添加一定的美感。在CSS中，我们可以通过box-shadow属性来设置盒子阴影。下面，我们来介绍css盒子圆形外阴影的方法。
.box{
width: 200px;
height: 200px;
border-radius: 50%;
box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
}
如上代码所示，我们首先需要创建一个盒子并设置它的大小，这里我们将宽高都设置为200px。然后，我们通过border-radius属性将盒子设置为圆形。最后，我们使用box-shadow属性来设置盒子的阴影效果。
具体来说，我们在box-shadow属性中设置了四个值，它们分别对应着 x 轴偏移量、y 轴偏移量、阴影模糊半径、阴影扩散半径。当 x 轴偏移量和 y 轴偏移量均为 0 时，阴影效果会呈现出居中的效果。
同时，我们还设置了一个rgba颜色值，这里的0.3用来表示阴影的透明度。其余三个数值用来设置阴影的颜色。如果想要改变阴影的颜色，我们只需要修改rgba颜色值就可以了。
当然，除了以上这种方式，我们还可以通过伪元素设置盒子的圆形阴影效果。不过不论是哪种方式，css盒子圆形外阴影是一个可以让页面变得更加美观的样式效果。学会了这个技巧，相信你的页面设计会更加得心应手。
