使用 CSS 控制元素的 box-shadow 样式可以为元素添加阴影效果。box-shadow 属性有几个关键词需要注意：
inset：可选值，表示阴影为内阴影，而非默认的外阴影。x-offset 和 y-offset：必需值，表示阴影在 X 轴和 Y 轴上的偏移量。可以为负数。blur-radius：可选值，表示阴影的模糊程度。值越大，阴影越模糊。可以为 0。spread-radius：可选值，表示阴影的尺寸。正数表示比元素大，负数表示比元素小。语法如下：
box-shadow: inset x-offset y-offset blur-radius spread-radius color;举个例子，可以为一个 div 元素添加一个红色的外阴影，阴影的偏移量为 (2px, 2px)，模糊程度为 2px，尺寸为 4px：
div {
box-shadow: 2px 2px 2px 4px red;
}也可以为一个按钮添加一个蓝色的内阴影，阴影的偏移量为 (0, 0)，模糊程度为 5px，尺寸为 0：
button {
box-shadow: inset 0 0 5px 0 blue;
}需要注意的是，box-shadow 属性可以同时设置多个阴影效果，每个阴影之间用逗号分隔。