CSS 盒子阴影：实现阴影效果的完整指南

要让盒子具有阴影效果，可以使用 CSS 的 box-shadow 属性。

语法如下：

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

各个参数的含义如下：

• h-shadow：水平偏移量，必须指定。
• v-shadow：垂直偏移量，必须指定。
• blur：模糊半径，可选。
• spread：阴影扩散半径，可选。
• color：阴影颜色，可选。
• inset：是否将阴影变成内阴影，可选。

例如，要让一个宽为 200px、高为 100px 的盒子具有黑色阴影，可以这样写：

box-shadow: 2px 2px 10px 0 #000;

这表示阴影向右下方偏移 2px，水平和垂直的模糊半径都是 10px，阴影颜色为黑色。