首页  >  文章  >  web前端  >  HTML怎么使文字加阴影

HTML怎么使文字加阴影

coldplay.xixi
coldplay.xixi原创
2021-02-26 16:28:3112490浏览

HTML使文字加阴影的方法:首先在HTML中新建一个P标签并输入内容;然后为这个P标签定义一个类,并使用语句【text-shadow】加阴影;最后设置效果即可。

HTML怎么使文字加阴影

本教程操作环境:windows7系统、html5版,DELL G3电脑,该方法适用于所有品牌电脑。

HTML使文字加阴影的方法:

1、首先,我们再HTML中新建一个P标签,并且输入内容。

3f2e41da5a7aaa17a6f1a75089fa539.png

2、然后,我们就能为这个P标签定义一个类,这里叫他【PTitle】。

5da330552e6ab2cfcd6ab7d4d1275c1.png

3、然后,我们就能写上语句使用【text-shadow】阴影。

0f2eba71510acbc78acd79533e973db.png

4、接下来,我们就能为他设置X和Y轴的偏移位置。

bdd0cab562a4cce880dd0d937a948e6.png

5、此时,我们就能为他设置10个像素的模糊程度和颜色。

bf5e95d44a9674ee31b9e8f538dc850.png

6、好了后,我们就能去这里观看,我们的文字阴影效果了。

bc6631c07e33e6983d61ad6a484d65d.png

相关学习推荐:html视频教程

以上是HTML怎么使文字加阴影的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn