阴影属性可分为 box-shadow 与 text-shadow。

6-1.box-shadow

用法：

box-shadow: offset-x offset-y blur-radius blur-color;

属性值含义如下：

1. offset-x: 阴影的水平偏移。
2. offset-y: 阴影的垂直偏移。
3. blur-radius: 模糊半径。（不允许使用负值）
4. blur-color: 阴影的颜色。（如果省略或未指定颜色值，则它将采用 color 属性的值。）

单个偏移：

<div class="box" style="box-shadow: 5px 5px 10px red;"></div>

也可以利用 , 分隔多个偏移：

<div class="box" style="box-shadow: 5px 5px 10px red, 10px 10px 20px yellow;"></div>

6-2.text-shadow

text-shadow 可以设置文本阴影。

其参数与 box-shadow 一致。

<span style="font-size: 28px;text-shadow: 5px 5px 10px;">Hello world</span>

Hello world