13.4 为文本添加阴影
最早，text-shadow是CSS2规范的一部分，接着在CSS2.1中被移除，后来在CSS3中又出现了。使用该元素，可以在不使用图像表示文本的情况下，为段落、标题等元素中的文本添加动态的阴影效果，如图13-3所示。
文本阴影text-shadow属性接受4个值：带长度单位的x-offset（水平偏移量）、带长度单位的y-offset（垂直偏移量）、可选的带长度单位的blur radius（模糊半径）以及color（颜色）。x-offset和y-offset值可以是正整数（向右偏移和向下偏移），也可以是负整数（向左偏移和向上偏移），也就是说，1px和-1px都是有效的。blur radius值必须是正整数，如果不指定blur radius，将假定其值为0。
阴影的颜色可以表示为十六进制数、RGB、RGBA或HSLA值（详见5.2.3节）。
尽管text-shadow属性的语法与边框和背景属性的语法是类似的，但它不能像边框和背景属性那样单独地指定4个属性值。另外，text-shadow属性不需要使用厂商前缀。
图13-3 为文本添加阴影
在单个元素上可以添加一个阴影，也可以添加多个阴影。如图13-3所示，上面一行文字添加了1个阴影，而下面一行文字添加了2个阴影。
添加2个h1一级标题，代码如下：
设置h1的大小、字体、行高，以及添加向右偏移5 px、向下偏移5 px、模糊半径为4 px、颜色为灰色的文本阴影，代码如下：
再为下面class为multiple的h1设置多重阴影，代码如下：
对单个元素应用多重阴影可以产生一些独特有趣的效果。要应用多重阴影，应使用逗号将不同的阴影设置分隔开，例如本例中的2 px 2 px 0＃FFF，6 px 6 px 2 px＃F60，第一个阴影是向右向下偏移2 px、无模糊半径的白色阴影，第二个阴影是向右向下偏移6 px、模糊半径为2 px的橙色阴影，这些阴影将按照倒序进行叠加，第一个显示在最顶层，之后的每个都位于前一个的下面。