码云 CSS3 text-shadow 属性
AI 概述
属性定义及使用说明语法浏览器支持实例相关文章
属性定义及使用说明
text-shadow 属性应用于阴影文本。
默认值：
none
继承：
yes
版本：
CSS3
JavaScript 语法：
object.style.textShadow=”2px 2px #ff0000″
语法
text-shadow: h-shadow v-shadow blur color;
注意： text-sh...
目录
属性定义及使用说明
text-shadow 属性应用于阴影文本。
| 默认值： | none |
|---|---|
| 继承： | yes |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.textShadow=”2px 2px #ff0000″ |
语法
text-shadow: h-shadow v-shadow blur color;
注意： text-shadow属性连接一个或更多的阴影文本。属性是阴影，指定的每 2 或 3 个长度值和一个可选的颜色值用逗号分隔开来。已失时效的长度为 0。
| 值 | 描述 |
|---|---|
| h-shadow | 必需。水平阴影的位置。允许负值。 |
| v-shadow | 必需。垂直阴影的位置。允许负值。 |
| blur | 可选。模糊的距离。 |
| color | 可选。阴影的颜色。 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
实例
基本文字阴影（text-shadow）：
<style>
h1 {text-shadow:2px 2px #FF0000;}
</style>
<body>
<h1>Text-shadow effect</h1>
<p><b>注意:</b>IE 9 及更早版本的浏览器不支持 text-shadow 属性.</p>
</body>
效果如下：
更多实例推荐阅读我之前的一篇文章《如何使用 CSS3 text-shadow 属性创建 3D 文本特效》
相关文章
CSS3 教程：CSS Text 文本属性
以上关于CSS3 text-shadow 属性的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。
微信
支付宝声明：本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » CSS3 text-shadow 属性
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » CSS3 text-shadow 属性
