CSS边阴影（box-shadow）是一个广泛使用的样式属性，可以让你在HTML元素周围添加一个阴影效果，从而增加页面的深度和层次感。在本文中，我们将介绍如何使用CSS边阴影为元素添加阴影效果。
box-shadow: h-shadow v-shadow blur spread color inset;
以上是CSS边阴影的语法，其中：
- h-shadow：表示水平阴影的位置，可正可负；
- v-shadow：表示垂直阴影的位置，可正可负；
- blur：表示阴影的模糊程度，数值越大，阴影越模糊；
- spread：表示阴影的扩散程度，数值越大，阴影越扩散；
- color：表示阴影的颜色；
- inset：可选值，指定阴影是否为内阴影。
比如，以下CSS代码将为一个指定div元素添加一个红色阴影效果：
div {
box-shadow: 10px 10px 5px 0px rgba(255, 0, 0, 0.75);
}
让我们看一下上述代码的每个参数：
- h-shadow：10px，表示水平偏移量为10个像素；
- v-shadow：10px，表示垂直偏移量为10个像素；
- blur：5px，表示阴影模糊程度为5个像素；
- spread：0px，表示阴影没有扩散；
- color：rgba(255, 0, 0, 0.75)，表示阴影颜色为红色，透明度为0.75。
上述代码还可以通过添加inset参数来实现内阴影效果。
CSS边阴影可以为网站带来更好的视觉体验，但过度使用阴影效果也会导致页面杂乱、臃肿，因此需要适度运用CSS边阴影。
