标签：
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;
标签：
原文地址：http://www.cnblogs.com/hardworkingbee/p/4619740.html
