Rumah > Artikel > hujung hadapan web > html文本阴影效果怎么设置

html文本阴影效果怎么设置

醉折花枝作酒筹asal: 2021-04-23 18:15:0313021semak imbas

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

html文本阴影效果怎么设置

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

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

MX9(GUU)4`~KTWFSH{0{D3G.jpg

31$ROQ4LAS]J4C2Q%$SYVA1.jpg

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

X{5CE2R}BL60ZBSKIQV]I(3.jpg

V48]QRG7MEZ(V{$3Z}52{I8.jpg

U}5(X`3UYNNC[%E9J)(0]YF.jpg

查看效果：

$3@VD_EBCX~NTY{XY{2CW_@7.jpg$

推荐学习：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

Artikel sebelumnya：html如何选择li的偶数列Artikel seterusnya：html如何设置居中显示图片

Artikel berkaitan

Lihat lagi