CSS text-shadow 属性值说明
| 值 | 描述 |
|---|---|
| h-shadow | 阴影的水平偏移。如果阳影在文本的右侧绘制了阴影，则否则它在左侧绘制。 |
| v-shadow | 阴影（y轴）的垂直偏移。如果该值正为阳影，则阴影在文本下方，如果否则它在上面绘制。 |
| blur-radius | 模糊半径定义了阴影的程度和程度。我们不能使用负值。默认值为0。 |
| color | 允许我们选择阴影的颜色。可以使用颜色名称，十六进制颜色代码，RGB（），RGBA（），HSL（），HSLA（）。 |
| none | 没有指定阴影。这是此属性的默认值。 |
| initial | 使属性使用其默认值。 |
| inherit | 从父母元素继承属性。 |
语法
text-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit;
text-shadow 属性的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
.shadow {
text-shadow: 2px 2px #1c87c9;
}
</style>
</head>
<body>
<h2>Text-shadow 属性示例</h2>
<p>把痛苦停在昨天 把微笑留给明天。</p>
<p class="shadow">把痛苦停在昨天 把微笑留给明天。</p>
</body>
</html>
具有“x-offset”、“y-offset”、“blur-radius”和“color”值的 text-shadow 属性示例：
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-shadow: 5px 3px 2px #8ebf42;
font: 1em Roboto, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h2>Text-shadow 属性示例</h2>
<p>经历过风雨，才懂得阳光的温暖。 生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
</p>
</body>
</html>
CSS text-shadow 属性用于为文本添加阴影。
我们可以从这里选择颜色：HTML 颜色。
text-shadow 属性是 CSS3 属性之一。
每个阴影由 2 到 3 个长度值和一个 <颜色> 指定。
第一个值设置水平距离（x-offset），第二个值设置垂直距离（y-offset），第三个值设置模糊半径，颜色值设置阴影颜色。
x-offset 和 y-offset 是必须的，第三个值是可选的。
| 初始值 | none |
|---|---|
| 应用于 | 所有元素。它还适用于伪元素::first-letter 和 ::first-line。 |
| 继承 | 可继承 |
| 可动画的 | 是的。 |
| 版本 | CSS3. |
| DOM 语法 | object.Style.TextShadow =“1px 3px 3px#8ebf42”; |
日期：2020-06-02 22:14:49 来源：oir作者：oir