【CSS】box-shadow盒阴影

box-shadow 是 CSS 中的一个属性，用于为 HTML 元素添加阴影效果。这个属性可以创建非常复杂的阴影效果，包括内阴影、外阴影、多重阴影等。

基本语法如下：

box-shadow: h-offset v-offset blur-radius spread-radius color inset;

• h-offset（水平偏移量）：必需。阴影水平方向的偏移量。正值会使阴影向右偏移，负值会使阴影向左偏移。
• v-offset（垂直偏移量）：必需。阴影垂直方向的偏移量。正值会使阴影向下偏移，负值会使阴影向上偏移。
• blur-radius（模糊半径）：可选。阴影的模糊程度。值越大，阴影的边缘就越模糊。不允许负值。
• spread-radius（扩展半径）：可选。阴影的大小。正值会使阴影扩张，负值会使阴影缩小。
• color（阴影颜色）：可选。阴影的颜色。如果不指定，浏览器会使用默认值。
• inset（内阴影）：可选。如果指定，阴影将作为内阴影显示在元素内部。默认是外阴影。

示例：

div {
   
   
    width