`box-shadow` 是一个 CSS 属性，用于向元素框添加阴影效果。它常用于增强元素的视觉效果和深度感。这个属性接受多个参数，通常是一系列的逗号分隔的值，包括阴影的偏移量、模糊半径、颜色等。以下是其基本语法：
```css
box-shadow: h-offset v-offset blur spread color;
```
参数详解：
* `h-offset`（水平偏移量）：定义阴影在水平方向上的偏移距离。正值会将阴影向右偏移，负值则会向左偏移。
* `v-offset`（垂直偏移量）：定义阴影在垂直方向上的偏移距离。正值会将阴影向下偏移，负值则会向上偏移。
* `blur`（模糊半径）：定义阴影的模糊程度。值越大，阴影边缘就越模糊。
* `spread`（扩展半径）：可选参数，定义阴影的大小。正值会增加阴影的大小，负值则会缩小阴影的大小。
* `color`（阴影颜色）：定义阴影的颜色。可以是任何合法的 CSS 颜色值。
此外，还可以有多个 `box-shadow` 定义，每个定义之间用逗号分隔，这样可以在一个元素上应用多个阴影效果。例如：
```css
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), 10px 10px 20px rgba(0, 0, 0, 0.3);
```
这将在元素上应用两个阴影效果：第一个阴影偏移 5px 在水平和垂直方向上，模糊半径为 10px，颜色为半透明的黑色；第二个阴影偏移 10px 在水平和垂直方向上，模糊半径为 20px，颜色为更淡的黑色。
`box-shadow` 属性非常灵活且强大，可以创建各种复杂的阴影效果，使元素在视觉上更加吸引人。