菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
242
0

html文本阴影效果怎么设置

原创
05/13 14:22
阅读数 12884

在HTML中,可以使用text-shadow设置文本阴影效果,只需要给文本元素添加“text-shadow:数值 数值 模糊距离 阴影颜色”样式即可。text-shadow属性向文本添加一个或多个阴影,该属性是逗号分隔的阴影列表。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

首先,我们再HTML中新建一个P标签,并且输入内容。我们就能为这个P标签定义一个类,这里叫他【PTitle】。

HTML如何给文字添加阴影

HTML如何给文字添加阴影

使用【text-shadow】阴影。为他设置X和Y轴的偏移位置。设置10个像素的模糊程度和颜色。

HTML如何给文字添加阴影

HTML如何给文字添加阴影

HTML如何给文字添加阴影

查看效果:

HTML如何给文字添加阴影

推荐学习:html视频教程

以上就是html文本阴影效果怎么设置的详细内容,更多请关注其它相关文章!

发表评论

0/200
242 点赞
0 评论
收藏
为你推荐 换一批