text-shadow 是 CSS 中用于为文本添加阴影效果的属性。它可以用来创建立体感,增加对比度,或者产生特殊的视觉效果。

text-shadow 属性的基本语法如下:
text-shadow: h-shadow v-shadow blur-radius color;

  •  h-shadow:水平阴影的位置,可以是正值(向右偏移)也可以是负值(向左偏移)。

  •  v-shadow:垂直阴影的位置,可以是正值(向下偏移)也可以是负值(向上偏移)。

  •  blur-radius:可选,表示模糊的程度,值越大阴影越模糊,为 0 时没有模糊。

  •  color:阴影的颜色。


以下是一些示例:
/* 基本的文本阴影 */
h1 {
  text-shadow: 2px 2px 4px #333;
}

/* 多重文本阴影 */
h2 {
  text-shadow: 1px 1px 1px #666, 2px 2px 2px #888, 3px 3px 3px #aaa;
}

/* 红色的文本阴影,没有模糊 */
p {
  text-shadow: 2px 2px 0 red;
}

在这些例子中,text-shadow 属性被用于不同的文本元素,产生了不同的阴影效果。这是一个用于增强文本效果的强大工具,可以根据需要进行定制。


转载请注明出处:http://www.zyzy.cn/article/detail/6142/CSS