css如何给盒子设置阴影

可以使用box-shadow属性给盒子设置阴影。

语法如下：

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

解释一下各个参数的含义：

- h-shadow：水平阴影的位置，可以是负值。
- v-shadow：垂直阴影的位置，可以是负值。
- blur：模糊距离，可选，值越大阴影越模糊。
- spread：阴影的扩展大小，可选。
- color：阴影的颜色。
- inset：可选，如果设置为inset，则阴影在盒子内部。

例如，给一个宽度为200px、高度为100px、红色背景的盒子设置一个水平位置为2px、垂直位置为2px、模糊距离为5px、阴影颜色为黑色的阴影效果可以这样实现：

.shadow {
  width: 200px;
  height: 100px;
  background-color: red;
  box-shadow: 2px 2px 5px black;
}