css设置文字阴影

 2022-03-16    544  

在77ISP学技术

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

css设置文字阴影

文本阴影

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

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

实例

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

文字阴影效果!


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


实例

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

文字阴影效果!

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


实例

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

文字阴影效果!


  •  标签:  
  • css
  •  

原文链接:https://77isp.com/post/634.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。