CSS可以通过box-shadow属性来为背景添加阴影效果,box-shadow属性是一个由逗号分隔的值列表,用于指定阴影的位置、模糊度、颜色等。
box-shadow: h-offset v-offset blur spread color inset;
h-offset:阴影水平偏移量,可以为负值,表示阴影向左偏移;
v-offset:阴影垂直偏移量,可以为负值,表示阴影向上偏移;
blur:阴影模糊半径,表示阴影的模糊程度;
spread:阴影扩展半径,可以为负值,表示阴影缩小;
color:阴影颜色,可以使用颜色名称、RGB、十六进制等;
inset:表示内部阴影,可以省略,表示外部阴影。
示例代码:
box-shadow: 10px 10px 5px #ccc;
上面的代码表示:水平偏移10px,垂直偏移10px,模糊半径5px,颜色为#ccc,表示外部阴影。
千锋教育是高品质web前端培训机构,千锋教育拥有大量实力web前端培训讲师,提供优质的web培训课程,web前端培训,欢迎报名千锋教育。