CSS中的box-shadow属性用于在元素周围创建一个带有阴影效果的框。该属性可以通过指定阴影的偏移量、模糊半径、扩散半径、颜色等参数来控制阴影的效果。使用box-shadow属性可以为元素添加立体感和深度,让页面元素更加生动、具有层次感。常见的box-shadow属性的语法如下:
box-shadow: h-shadow v-shadow blur spread color;
其中,h-shadow和v-shadow分别表示阴影在水平和垂直方向的偏移量;blur表示阴影的模糊半径;spread表示阴影的扩散半径;color表示阴影的颜色。需要注意的是,box-shadow属性可以设置多个阴影效果,每个效果之间通过逗号隔开。
box-shadow属性是CSS3新增的属性,目前已经被广泛应用于各种网页设计中。常见的应用场景包括按钮、卡片、弹窗等元素的阴影效果。