text-shadow 是一个CSS属性,用于在文本元素的文字周围创建阴影效果。该属性允许你指定阴影的偏移值、模糊半径以及阴影的颜色。

语法如下:
text-shadow: h-shadow v-shadow blur-radius color;

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

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

  •  blur-radius:模糊半径,表示阴影的模糊程度。值越大,阴影越模糊。

  •  color:阴影的颜色。


示例:
/* 创建黑色的文本阴影,向右下偏移2像素,模糊半径为5像素 */
h1 {
  text-shadow: 2px 2px 5px black;
}

/* 创建红色的文本阴影,向左上偏移3像素,无模糊 */
p {
  text-shadow: -3px -3px 0px red;
}

在这些示例中,text-shadow 用于在文本周围创建阴影效果。这是一种可以用来增强文本可读性或为文本添加一些装饰效果的常见技术。


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