box-shadow 属性用于在元素周围添加阴影效果。它可以接受多个参数，包括水平偏移量、垂直偏移量、模糊半径、扩展半径和颜色。
语法
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow: 必需，表示阴影水平偏移量。可以为正数（向右偏移）或负数（向左偏移）。v-shadow: 必需，表示阴影垂直偏移量。可以为正数（向下偏移）或负数（向上偏移）。blur: 可选，表示阴影的模糊半径。值越大，阴影越模糊。spread: 可选，表示阴影的扩展半径。正值扩大阴影，负值缩小阴影。color: 可选，表示阴影的颜色。可以使用颜色值或关键词。inset: 可选，表示阴影是否为内阴影。如果设置为inset，则阴影在元素内部。
示例
/* 添加一个灰色阴影，水平偏移量为 5px，垂直偏移量为 5px，模糊半径为 10px */ box-shadow: 5px 5px 10px grey; /* 添加一个红色内阴影，水平偏移量为 -2px，垂直偏移量为 2px，模糊半径为 0，扩展半径为 0 */ box-shadow: -2px 2px 0 0 red inset; /* 添加一个带有扩展半径的蓝色阴影，水平偏移量为 0，垂直偏移量为 0，模糊半径为 5px，扩展半径为 5px */ box-shadow: 0 0 5px 5px blue;
通过灵活运用 box-shadow 属性，可以为元素添加各种炫丽的阴影效果，使页面看起来更加生动和立体。
