CSS text-shadow 属性
实例
基础的文本阴影效果：
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
亲自试一试
页面底部有更多实例。
CSS 语法
text-shadow: h-shadow v-shadow blur color;
注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。
属性值
| 值 |
描述 |
测试 |
| h-shadow |
必需。水平阴影的位置。允许负值。 |
测试 |
| v-shadow |
必需。垂直阴影的位置。允许负值。 |
测试 |
| blur |
可选。模糊的距离。 |
测试 |
| color |
可选。阴影的颜色。参阅 CSS 颜色值。 |
测试 |
技术细节
| 默认值： |
none |
| 继承性： |
yes |
| 版本： |
CSS3 |
| JavaScript 语法： |
object.style.textShadow="2px 2px #ff0000" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| Chrome |
IE / Edge |
Firefox |
Safari |
Opera |
| 4.0 |
10.0 |
3.5 |
4.0 |
9.6 |