text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
相关属性 ： 无
text-shadow 文字阴影及模糊效果【CSS3.0参考手册】
语法：
取值：
- <color> ：
- 指定颜色。
- <length> ：
- 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
- <opacity> ：
- 由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。请参阅 长度单位。
说明：
设置或检索对象中文本的文字是否有阴影及模糊效果。可以设定多组效果，方式是用逗号隔开。可以被用于伪类 :first-letter 和 :first-line 。对应的脚本特性为 textShadow
兼容性：
| (×)IE6 | (×)Firefox 3.0.10 | (√)Chrome 2.0.x | (√)Opera 9.64 | (√)Safari 4 |
| (×)IE7 | (√)Firefox 3.5 | |||
| (×)IE8 | ||||
示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="utf-8" />
<meta name="robots" content="all" />
<meta name="author" content="Tencent-ISRD" />
<meta name="Copyright" content="Tencent" />
<title>text-shadow</title>
</head>
<body>
<!-- text-shadow:指定阴影的水平延伸距离 指定阴影的垂直延伸距离 指定模糊效果的作用距离 指定颜色 -->
<div style="text-shadow:3px 2px 6px #000;">可以看到文字投影阴影效果</div>
</body>
</html>
来源：//作者：/更新时间：2013-01-14
顶
踩
相关文章：
- 高端大气简约的表格式样实例_蓝色紫色table css 样式_
- html颜色代码表大全_HTML背景颜色代码_html字体颜色表
- resize 调节元素尺寸大小【CSS3.0参考手册】
- text-overflow 文本溢出显示省略标记【CSS3.0参考手册
- Multiple backgrounds 多重背景图象【CSS3.0参考手册
- background-size 设置背景图片的大小【CSS3.0参考手
- background-clip 指定区域向外裁剪背景【CSS3.0参考手
- background-origin 指定区域显示背景【CSS3.0参考手册
- css z-index 失效 不好用 的解决方法
- box-shadow[css3.0参考手册]
