gtxyzz

css设置文本阴影

gtxyzz web技术 2022-07-05 748浏览 0

文本阴影

text-shadow 属性为文本添加阴影。

最简单的用法是只指定水平阴影(2px)和垂直阴影(2px):

实例

p {
  text-shadow: 2px 2px;
}

文字阴影效果!

接下来,向阴影添加颜色(红色):

实例

p {
  text-shadow: 2px 2px red;
}

文字阴影效果!

然后,向阴影添加模糊效果(5px):

实例

P {
  text-shadow: 2px 2px 5px red;
}

文字阴影效果!

继续浏览有关 css 的文章
发表评论