CSS的text-shadow

CSS的text-shadow属性是一种用于改变文本外观的CSS3属性。text-shadow属性可以用于设置文本阴影，以增加文本的可读性和深度感觉。

语法

text-shadow: h-shadow v-shadow blur color;

• h-shadow: 水平阴影的位置。可以是负值，表示阴影在文本左侧。
• v-shadow: 垂直阴影的位置。可以是负值，表示阴影在文本上方。
• blur: 可选。模糊距离。
• color: 可选。阴影的颜色。

如需添加多个阴影，请使用逗号将每个阴影分隔开。

text-shadow: 1px 1px 2px #000, 0 0 1em #000;

示例

以下是一个text-shadow示例：

/*将文本设置成灰色*/
color: #666;

/*设置文本阴影*/
text-shadow: 2px 2px 2px #000;

在这个示例中，文本将被设置为灰色(#666)并添加了阴影。阴影水平位置为2px，垂直位置也为2px。模糊距离为2px，阴影颜色为黑色(#000)。

兼容性

目前，所有主流浏览器都支持text-shadow属性。但是，较老的浏览器版本(如Internet Explorer 8及以下版本)不支持此属性。

总结

通过text-shadow属性，我们可以很容易地操纵文本的可读性和深度感觉。 无论您需要什么样的外观，都可以使用text-shadow属性来实现它。