css的box-shadow属性怎么使用

CSS的box-shadow属性用于创建一个元素的阴影效果。它可以设置元素的阴影的颜色、大小、模糊度和偏移量等。

box-shadow属性的基本语法为：

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

其中，h-shadow表示阴影的水平偏移量，可以是正值、负值或者0；v-shadow表示阴影的垂直偏移量，同样可以是正值、负值或者0；blur表示阴影的模糊度，可以是正值、负值或者0；spread表示阴影的扩展大小，可以是正值、负值或者0；color表示阴影的颜色，可以使用颜色名称、十六进制值或者RGB值。

下面是一些使用box-shadow属性的示例：

1. 创建一个黑色的阴影，偏移量为水平2px，垂直2px，模糊度为4px，无扩展大小：

box-shadow: 2px 2px 4px #000000;

2. 创建一个红色的阴影，偏移量为水平0，垂直4px，模糊度为0，扩展大小为2px：

box-shadow: 0 4px 0 2px #ff0000;

3. 创建一个蓝色的阴影，偏移量为水平-2px，垂直-2px，模糊度为0，扩展大小为0：

box-shadow: -2px -2px 0 0 #0000ff;

4. 创建一个带有透明度的阴影，偏移量为水平0，垂直0，模糊度为10px，扩展大小为0，颜色为rgba(0, 0, 0, 0.5)：

box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);

这些只是一些基本的使用示例，你可以根据具体的需求调整box-shadow属性的值来创建不同的阴影效果。