box-shadow写法

CSS的box-shadow属性用于添加一个元素的阴影效果。它可以接受多个参数来定义阴影的颜色、模糊度、偏移量和扩展半径等。

以下是box-shadow属性的一般写法：

selector {
  box-shadow: h-offset v-offset blur spread color;
}

参数说明：

• h-offset：水平偏移量，可以为正值（向右偏移）或负值（向左偏移）。
• v-offset：垂直偏移量，可以为正值（向下偏移）或负值（向上偏移）。
• blur：模糊度，用于控制阴影的模糊程度。默认为0，表示没有模糊效果。
• spread：扩展半径，用于控制阴影的大小。默认为0，表示没有扩展。
• color：阴影颜色。

以下是一些示例：

/* 阴影颜色为黑色，水平和垂直方向都没有任何偏移 */
selector {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* 阴影颜色为红色，并且向右下方发生5px的水平和垂直偏移 */
selector {
  box-shadow: 5px 5px rgba(255, 0, 0, .75);
}

/* 阴影颜色为蓝色，模糊度为10px，水平和垂直方向都没有任何偏移 */
selector {
  box-shadow: 0 0 10px rgba(0, 0, 255, .5);
}

/* 阴影颜色为绿色，并且向左上方发生2px的水平和垂直偏移，
   模糊度为5px，扩展半径为10px */
selector {
  box-shadow: -2px -2px 5px 10px rgba(0, 255, 0, .8);
}

请根据你的需求和设计要求调整这些示例中的参数值、颜色和选择器名称。

box-shadow属性还有其他更复杂的用法，例如使用逗号分隔多个阴影来创建层叠效果、使用inset关键字来创建内阴影等。你可以在需要时查阅相关文档了解更多用法。