html文本阴影效果怎么设置

编辑: admin 分类: html5 发布时间: 2022-06-08 来源:互联网

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

本教程操作环境：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视频教程

以上就是html文本阴影效果怎么设置的详细内容，更多请关注自由互联其它相关文章！

【本文转自：美国服务器 http://www.558idc.com/mg.html欢迎留下您的宝贵建议】