css文字的阴影效果怎么设置?用text-shadow属性

css文字的阴影效果怎么设置?用text-shadow属性,用英文小写符号:连接text-shadow属性的值即可,写法如下:

text-shadow:h-shadow v-shadow blur color;

这里面有四个值,当你需要修改文字的阴影效果的时候,只需要修改这四个值h-shadow v-shadow blur color即可,text-shadow属性的值具体如下:

描述
h-shadow 必需。水平阴影的位置。允许负值。
v-shadow 必需。垂直阴影的位置。允许负值。
blur 可选。模糊的距离。
color 可选。阴影的颜色。

为了给同学们展示text-shadow属性不同的值在文字的阴影效果中的对比效果,如乐老师单独设置了3个样式,每个样式应用到一个p标签中,效果如图:

text-shadow属性不同的值在文字的阴影效果中的对比效果图示

学会了用css调整字体的阴影效果后,下一节,我们学习用css给文本添加缩进,详情点击:《css中文本段落缩进怎么设置?用text-indent属性》。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/css/8029.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手