Rumah  >  Artikel  >  hujung hadapan web  >  HTML怎么使文字加阴影

HTML怎么使文字加阴影

coldplay.xixi
coldplay.xixiasal
2021-02-26 16:28:3112489semak imbas

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视频教程

Atas ialah kandungan terperinci HTML怎么使文字加阴影. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn