可以使用 CSS 的 box-shadow 属性为元素添加阴影效果。box-shadow 属性接受多个值，用逗号分隔，分别表示阴影的水平偏移量、垂直偏移量、模糊半径、扩散半径和颜色。
语法如下：
box-shadow: h-shadow v-shadow blur spread color;其中：
例如，下面的代码为一个盒子添加了一个红色、水平偏移量为 2px，垂直偏移量为 2px，模糊半径为 5px，扩散半径为 0 的阴影效果：
box-shadow: 2px 2px 5px 0px red;可以使用 inset 关键字将阴影变成内阴影。例如，下面的代码为一个盒子添加了一个蓝色、水平偏移量为 0，垂直偏移量为 0，模糊半径为 10px，扩散半径为 5px，内阴影效果：
box-shadow: inset 0 0 10px 5px blue;需要注意的是，box-shadow 属性可能会影响页面的性能。在使用时应尽量避免添加过多的阴影效果，以免影响页面的加载和渲染速度。