text-shadow

描述

text-shadow CSS 属性为文本添加阴影。它接受要应用于文本及其任何 decorations 的以逗号分隔的阴影列表。每个阴影由元素的 X 和 Y 偏移、模糊半径和颜色的某种组合来描述。

效果展示

语法

/* offset-x | offset-y | blur-radius | color */
text-shadow: 1px 1px 2px black;

/* color | offset-x | offset-y | blur-radius */
text-shadow: #fc0 1px 0 10px;

/* offset-x | offset-y | color */
text-shadow: 5px 5px #558abb;

/* color | offset-x | offset-y */
text-shadow: white 2px 5px;

/* offset-x | offset-y
/* Use defaults for color and blur-radius */
text-shadow: 5px 10px;

值

• <color> 选修的。阴影的颜色。它可以在偏移值之前或之后指定。如果未指定，颜色的值将由用户代理决定，因此当需要跨浏览器的一致性时，您应该明确定义它。
• <offset-x> <offset-y> 必需的。这些 <length> 值指定阴影与文本的距离。 <offset-x> 指定水平距离；负值会将阴影置于文本左侧。 <offset-y> 指定垂直距离；负值会将阴影置于文本之上。如果两个值都是 0 ，则阴影将直接放置在文本后面，尽管由于 <blur-radius> 的影响，阴影可能部分可见。
• <blur-radius> 选修的。这是一个 <length> 值。值越高，模糊越大；阴影变得更宽更亮。如果未指定，则默认为 0 。