CSS box-shadow属性用于向元素添加阴影效果。它可以在元素的边框之外创建一个或多个阴影。通过调整box-shadow属性的值,可以实现不同类型的阴影效果,如平面阴影、内阴影、模糊阴影、投影等。
box-shadow属性的语法如下:
box-shadow: h-shadow v-shadow blur spread color inset;
其中,
h-shadow: 水平阴影的位置。可以为正数(向右)或负数(向左)。
v-shadow: 垂直阴影的位置。可以为正数(向下)或负数(向上)。
blur: 可选项,模糊半径。默认值为0,表示无模糊效果。
spread: 可选项,阴影的尺寸。默认值为0,表示阴影与元素大小相同。
color: 可选项,阴影的颜色。可以使用颜色名称、十六进制值或RGB值。
inset: 可选项,指定阴影是否为内阴影。默认值为false,表示为外部阴影。
使用box-shadow属性,可以为元素创建阴影效果,增加元素的立体感,提升页面的视觉效果。