box-shadow: h-shadow v-shadow blur spread color inset;
其中，各个参数具体含义如下：
- h-shadow：水平阴影的位置，可正可负，不添加阴影填写 0。
- v-shadow：垂直阴影的位置，可正可负，不添加阴影填写 0。
- blur：阴影的模糊程度，可不填，默认值为 0。
- spread：阴影的扩散程度，可正可负，不填写时默认为 0，代表阴影与 HTML 元素的边缘重合。
- color：阴影的颜色，可以是颜色单词，也可以是十六进制颜色值。
- inset：可选参数，只有当填写为 inset 时才触发内部阴影，省略时外部阴影。
第二步，在 box-shadow 属性中依次填写设置的阴影值。下面是一个例子：
.box {
box-shadow: 5px -5px 5px -5px blue inset;
}上述代码中，大家设置了一个长方形的 HTML 元素，并为其添加了一个蓝色的内部阴影效果。大家为阴影配置了 5px 的水平偏移、-5px 的垂直偏移、 5px 的模糊程度、-5px 的扩散程度和蓝色的颜色。
第三步，根据需要配置 HTML 元素四个边缘的阴影。 需要注意的是添加四个边缘阴影时，需要使用逗号（,）分隔。
.box {
box-shadow:
5px -5px 5px -5px blue inset, /* 上方阴影，偏移量：5px 左右，-5px 上下 */
-5px 5px 5px -5px green inset, /* 下方阴影，偏移量：-5px 左右，5px 上下 */
5px 5px 5px -5px red inset, /* 右侧阴影，偏移量：5px 左右，5px 上下 */
-5px -5px 5px -5px orange inset; /* 左侧阴影，偏移量：-5px 左右，-5px 上下 */
}上述代码中，大家为 HTML 元素的上、下、左、右四个边缘都添加了不同的颜色的阴影。此时阴影效果如下图所示：
结论：在 CSS3 中，可以使用 box-shadow 属性来为 HTML 元素的四个边缘添加阴影效果。需要注意的是，四个阴影之间，需要使用逗号 (,) 进行分隔。