text-shadow 用法

最新推荐文章于 2024-04-17 16:53:51 发布

zcc71

最新推荐文章于 2024-04-17 16:53:51 发布

阅读量1k

点赞数

分类专栏： HTML5游戏开发 CSS3

HTML5游戏开发同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

CSS3

1 篇文章 0 订阅

订阅专栏

版本：CSS3

语法：

text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*

取值：

<color> ：

指定颜色。

<length> ：

由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。

<opacity> ：

由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。请参阅长度单位。

说明：

设置或检索对象中文本的文字是否有阴影及模糊效果。可以设定多组效果，方式是用逗号隔开。可以被用于伪类 :first-letter 和 :first-line 。对应的脚本特性为 textShadow

兼容性：

类型	Internet Explorer	Firefox	Chrome	Opera	Safari
版本	(×)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" />
<title>text-shadow</title>
</head>
<body>
<div style="text-shadow:5px 2px 6px #000;">Safari下可以看到效果</div>
</body>
</html>