CSS3实战

7 text-shadow 文本阴影

　　（1）text-shadow的属性有四个值：第一个值表示水平位移，正值偏右；第二个值表示垂直位移，正值偏下；第三个值表示模糊半径，该值可选；第四个值表示阴影的颜色，该值可选。

　　比如：text-shadow : 0.1em 0.1em 0.3em #333;

　　颜色值也可以放在最前面，实际上它们的位置是不固定的，但几个数值的顺序不能变。

　　比如：text-shadow : #333 0.1em 0.1em 0.3em ;（和上面的等效）

　　（2）借助阴影效果列表机制，可以利用阴影效果设计燃烧的文字效果：

background : #000;
text-shadow : 0 0 4px white,
              0 -5px 4px #ff3,
              2px -10px 6px #fd3,
              -2px -15px 11px #f80,
              2px -25px 18px #f20; 

　　（3）使用阴影叠加出立体文本特效：

background : #CCC;
color : #D1D1D1;
text-shadow : -1px -1px white,
            1px 1px #333;

　　（4）使用阴影叠加出凹体文本特效（把上面示例中的左上和右下的阴影的颜色颠倒即可）：

background : #CCC;
color : #D1D1D1;
text-shadow : -1px -1px #333,
            1px 1px white;

　　（5）使用text-shadow属性为文本描边（分别为文本的4个变添加一像素的实体阴影）：

background : #CCC;
color : #D1D1D1;
text-shadow : 0 -1px black,
                       1px 0 black,
                       0px 1px black,
                       -1px 0 black;

　　（6）使用text-shadow设置文本外发光特效：

text-shadow : 0 0 0.2em #f87,
               0 0 0.2em #f87;