欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML怎么使文字加阴影

程序员文章站 2022-03-06 17:56:21
...

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

HTML怎么使文字加阴影

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

HTML使文字加阴影的方法:

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

HTML怎么使文字加阴影

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

HTML怎么使文字加阴影

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

HTML怎么使文字加阴影

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

HTML怎么使文字加阴影

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

HTML怎么使文字加阴影

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

HTML怎么使文字加阴影

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

以上就是HTML怎么使文字加阴影的详细内容,更多请关注其它相关文章!

相关标签: HTML 阴影