CSS3 text-shadow:

浏览器参照基准:Firefox3.6 and Later, Chrome5 and Later, Safari5 and Later, Opera11.50 and Later, IE10.0 and Later

语法:

box-reflect:none | [ <length>{2,3} && <color>? ][ , <length>{2,3} && <color>? ]*

我们来实现一个有阴影的文本示例:

代码
text-shadow:2px 2px 0 #000;
效果
如果你的浏览器支持text-shadow,你将看到本段文字有1层阴影

* text-shadow有3个length参数,第1个表示水平偏移,第2个表示垂直偏移,第3个表示模糊(可选)

柔和一点的文字阴影:

代码
text-shadow:1px 1px 5px #000;
效果
如果你的浏览器支持text-shadow,你将看到本段文字有1层阴影

多重阴影:

代码
text-shadow:1px 1px 5px #000;
效果
如果你的浏览器支持text-shadow,你将看到本段文字有2层阴影
CSS探索之旅