box-shadow

作用

向框添加一个或多个阴影。

语法

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

其中:

只有h-shadow、v-shadow是必填的，其他都是可选。

举个栗子

div
{
box-shadow: 10px 10px 5px #888888;
}

什么意思？

第一个参数：水平方向向右偏移10px，可以为负值。

第二个参数：垂直方向向下偏移10px，可以为负值。

第三个参数：模糊距离，值越大，越模糊。

第四个参数：阴影颜色。