css box-shadow属性
时间: 2023-08-21 19:16:44 浏览: 192
CSS3里box-shadow属性的使用方法示例详解
5星 · 资源好评率100%
回答: CSS的box-shadow属性用于为元素添加阴影效果。 它可以设置水平方向和垂直方向的阴影,以及阴影的模糊程度和扩展程度。 box-shadow的语法为:box-shadow: h-shadow v-shadow blur spread color inset; [1其中h-shadow表示水平方向的阴影,v-shadow表示垂直方向的阴影,blur表示阴影的模糊程度,spread表示阴影的扩展程度,color表示阴影的颜色,inset表示是否为内阴影。举个例子,如果要为一个容器添加一个水平方向20像素、垂直方向20像素的阴影,可以使用以下代码:.container{ box-shadow: 20px 20px; } [2如果想要设置左侧阴影,可以将h-shadow的值设置为负数,例如:.container{ box-shadow: -20px 20px; } [2另外,box-shadow还支持设置阴影的颜色,模糊程度和扩展程度。通过调整这些属性的值,可以实现各种不同的阴影效果。
阅读全文