.box {
box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}上述代码中，box-shadow属性用于设置盒子阴影效果。其中，2px 2px 2px分别代表水平方向、垂直方向、模糊半径的阴影效果。rgba(0,0,0,0.4)表示阴影颜色，最后一个0.4表示阴影透明度。
.box {
box-shadow: 2px 2px 2px rgba(0,0,0,0.4),
-2px -2px 2px rgba(255,255,255,0.4);
}上述代码中，除了一个阴影效果外，还添加了一个反向阴影效果。其中，-2px -2px 2px分别代表水平方向、垂直方向、模糊半径的阴影效果，可以看作是第一个阴影效果的相反数。
CSS盒子阴影效果的实现方法多种多样，可以根据实际需求来灵活运用。让大家一起来打造出更加丰富立体的网页效果吧！