如何使用CSS为元素添加阴影效果？

本文共计447个文字，预计阅读时间需要2分钟。

在CSS中，可以通过box-shadow属性设置一个或多个下拉阴影框，其语法如下：box-shadow: h-shadow v-shadow blur spread color inset;。该属性是一个用逗号分隔的阴影列表。操作环境：W

在css中可以通过“box-shadow”属性设置一个或多个下拉阴影的框，其使用语法如“box-shadow: h-shadow v-shadow blur spread color inset;”，该属性是一个用逗号分隔阴影的列表。

本文操作环境：Windows7系统、Dell G3电脑、HTML5&&CSS3版。

box-shadow属性可以设置一个或多个下拉阴影的框。

默认值:none 继承:no 版本:CSS3 JavaScript 语法:object.style.boxShadow="10px 10px 5px #888888"

语法

box-shadow: h-shadow v-shadow blur spread color inset;

注意：boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。

值 h-shadow必需的。水平阴影的位置。允许负值 v-shadow必需的。