box-shadow代码使用

box-shadow是CSS3中的一个样式属性，可以用于在元素周围添加阴影效果。box-shadow属性可以接受多个参数，包括阴影颜色、大小、模糊程度以及阴影的位置等。

下面是一个box-shadow属性的例子：

div {
  box-shadow: 2px 2px 5px #888888;
}

这个属性可以在div元素周围添加一个阴影，阴影的颜色为#888888，大小为2px x 2px，模糊程度为5px。

box-shadow属性的语法如下：

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

其中，h-shadow和v-shadow表示阴影的水平和垂直偏移量；blur表示阴影的模糊程度；spread表示阴影的扩散程度；color表示阴影的颜色；inset表示是否将阴影设置为内阴影。

以下是box-shadow属性的具体参数说明：

- h-shadow：必需，表示阴影的水平偏移量，可以为正数或负数。
- v-shadow：必需，表示阴影的垂直偏移量，可以为正数或负数。
- blur：可选，表示阴影的模糊程度，值越大越模糊，默认为0。
- spread：可选，表示阴影的扩散程度，值越大阴影越大，默认为0。
- color：可选，表示阴影的颜色，默认为黑色。
- inset：可选，表示是否将阴影设置为内阴影，默认为外阴影。

如果需要添加多个阴影效果，可以使用逗号分隔不同的box-shadow属性值，例如：

div {
  box-shadow: 2px 2px 5px #888888, -2px -2px 5px #888888;
}

这个例子中，div元素添加了两个不同方向的阴影效果。