使用CSS可以给元素添加阴影效果，可以增加元素的立体感和层次感。主要有以下两种方式：
box-shadow: h-shadow v-shadow blur spread color inset;其中，h-shadow和v-shadow表示水平和垂直方向的偏移量，可以为负值，表示阴影在元素的左上方；blur表示模糊半径，数值越大，阴影越模糊；spread表示阴影的扩散程度，可以为正值或负值，正值表示阴影扩散，负值表示阴影收缩；color表示阴影的颜色；inset表示阴影为内阴影（元素内部有阴影），默认为外阴影。
例如，给一个div元素添加一个黑色的外阴影：
div {
box-shadow: 2px 2px 5px #000;
}text-shadow: h-shadow v-shadow blur color;其中，h-shadow和v-shadow表示水平和垂直方向的偏移量，可以为负值；blur表示模糊半径，数值越大，阴影越模糊；color表示阴影的颜色。
例如，给一个h1元素的文本添加一个红色的阴影：
h1 {
text-shadow: 2px 2px 5px #f00;
}需要注意的是，添加阴影效果可能会导致页面的渲染速度变慢，因此要适量使用。