CSS3文本阴影、边框阴影

1.文本阴影 text-shadow

首先来看一个特别酷炫的火焰字：
代码：

运行效果：

这个火焰字就是用文本阴影实现的；
text-shadow的属性值：
text-shadow：
x（阴影在x轴偏移，正值向右偏移，负值向左偏移）
y（阴影在y轴偏移，正值向上偏移，负值向下偏移）
blur（模糊度，值越大越模糊，不可为负值）
color（阴影颜色）
多阴影（用逗号隔开）

火焰字利用的就是多阴影：

注：默认情况下，阴影的颜色跟文字的颜色相同。

2.边框阴影
box-shadow：
x
y
blur : 模糊值（不可为负值）
spread : 模糊范围（阴影变大）
color
inset : 内阴影； outset(默认值：外阴影 , 写上outset不会生效，不写就是外阴影)
多阴影

---

内阴影的情况:

注：默认盒子的阴影就是黑色。