.box{
width: 100px;
height: 100px;
border-radius: 50%;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}在上述代码中，大家定义了一个名为.box的样式类，它用于设置一个宽度为100px、高度为100px的正方形。接着，大家通过border-radius属性将它变成圆形，同时通过box-shadow属性定义了一层均匀分布的灰色阴影，使得盒子更具立体感。
需要注意的是，在使用box-shadow属性时，需要按照下面的格式进行设置：
box-shadow: 阴影水平偏移量 阴影垂直偏移量 阴影模糊半径 阴影扩散半径 阴影颜色;
其中，阴影水平偏移量和阴影垂直偏移量分别指定阴影在X轴和Y轴上的偏移距离，阴影模糊半径指定阴影的扩散程度，阴影扩散半径指定阴影的扩散大小，而阴影颜色则指定了阴影的颜色值。
除了box-shadow属性外，大家还可以使用text-shadow属性来实现文字阴影效果，具体用法与box-shadow类似。需要注意的是，在使用这些效果时，要尽可能地减少不必要的代码和滥用效果，以免造成过于复杂的视觉效果、降低页面性能，并让用户感到不适。