1818IP-服务器技术教程,云服务器评测推荐,服务器系统排错处理,环境搭建,攻击防护等

当前位置:首页 - 网站技术 - html/css - 正文

君子好学,自强不息!

如何用css设置文字的阴影效果

2022-03-16 | html/css | gtxyzz | 450°c
A+ A-

每日笔记,用css设置文字阴影,文字阴影效果如何设置,网页字体阴影效果

文本阴影

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

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

实例

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

文字阴影效果!


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


实例

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

文字阴影效果!

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


实例

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

文字阴影效果!



本文来源:1818IP

本文地址:https://www.1818ip.com/post/346.html

免责声明:本文由用户上传,如有侵权请联系删除!

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。