box-shadow: 怎么写

box-shadow 属性用于在 HTML 元素周围创建一个阴影效果。它可以使用以下方式进行写作：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，参数含义如下：

- `h-shadow`：水平阴影的位置。可以是正数（阴影在元素右侧）或负数（阴影在元素左侧）。
- `v-shadow`：垂直阴影的位置。可以是正数（阴影在元素下方）或负数（阴影在元素上方）。
- `blur`：模糊距离。可选参数，值越大，阴影越模糊，不设置则为 0。
- `spread`：扩散距离。可选参数，值越大，阴影越扩散，不设置则为 0。
- `color`：阴影的颜色。可以设置为 CSS 颜色值（如 `red`、`#000`、`rgba(0,0,0,0.5)`等）。
- `inset`：是否将阴影设置为内阴影。可选参数，如果设置了该值，则阴影在元素内部，否则在元素外部。

实例：

/* 创建一个黑色的外部阴影，水平和垂直位置都为 10px，模糊距离为 5px，扩散距离为 0 */
box-shadow: 10px 10px 5px 0px black;

/* 创建一个红色的内部阴影，水平和垂直位置都为 0，模糊距离为 10px，扩散距离为 0 */
box-shadow: inset 0 0 10px red;