本文共 465 字，大约阅读时间需要 1 分钟。

box-shadow 属性被广泛用于在 CSS 中添加阴影效果。它可以通过设置横向和纵向的偏移量来控制阴影的位置，而不仅仅是单一方向的偏移。这种多维度控制的方式灵活程度更高，可以更精确地定制阴影效果。

box-shadow 语法中，横向偏移 (horizontal offset) 为 0 表示阴影左右对称；纵向偏移 (vertical offset) 为负数表示阴影在元素的外侧，正数为影子在内部。例如，在以下示例中，两个阴影层可以通过定义多个 box-shadow 值来创建：

< style >
  .has {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  }
   

这种多层 box-shadow 调用可以实现两种不同的阴影效果，分别起作用。第一个值会添加较大的阴影（模糊度设置为 4px），第二个值则添加更轻微但位置独立的阴影效果（模糊度设为 6px）。这完全取决于你的设计需求，可以自由调整数值以实现最佳效果。