在CSS中,您可以使用box-shadow属性来添加阴影到一个元素。box-shadow接受以下格式的值:
box-shadow: h-offset v-offset blur spread color;
其中:
h-offset 定义水平阴影的位置。正值将阴影放在元素右边,负值放在左边。
v-offset 定义垂直阴影的位置。正值将阴影放在元素底部,负值放在顶部。
blur 是模糊距离,定义了阴影的模糊程度。其值不能为负。
spread 是阴影的尺寸,定义了阴影的扩展距离。正值会增加阴影的扩展范围,负值会减少。如果省略,值是0,这意味着阴影不会超出元素的边界。
color 是阴影的颜色。可以使用任何CSS颜色值。
例如,以下是一个给div元素添加阴影的例子:
div { box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); }
在这个例子中,水平阴影偏移10px,垂直阴影偏移10px,模糊距离为5px,扩展距离为0(不超出元素边界),颜色为半透明的黑色。