是实现盒子的四个边都有阴影

要让一个盒子的所有边都拥有阴影，你可以直接使用 `box-shadow` 属性，并指定四个方向的阴影。每个方向的阴影由逗号分隔，如下所示：

.example-box {
  box-shadow: 
    top-left-shadow horizontal-length vertical-length blur-radius color,
    top-right-shadow horizontal-length vertical-length blur-radius color,
    bottom-left-shadow horizontal-length vertical-length blur-radius color,
    bottom-right-shadow horizontal-length vertical-length blur-radius color;
}

比如，如果你想要所有边都有 2 像素的灰色阴影，模糊半径为 3 像素，可以这样写：

.example-box {
  box-shadow: 
    0 2px 3px rgba(0, 0, 0, 0.5), /* 上方 */
    2px 0 3px rgba(0, 0, 0, 0.5), /* 左侧 */
    0 -2px 3px rgba(0, 0, 0, 0.5), /* 下方 */
    -2px 0 3px rgba(0, 0, 0, 0.5); /* 右侧 */
}

这里假设阴影向内偏移，如果想让阴影从盒子边缘延伸出来，可以将第一个数字设为正数。