• 技术文章 >web前端 >html教程

    html文本阴影效果怎么设置

    醉折花枝作酒筹醉折花枝作酒筹2021-05-14 18:08:36原创5837

    在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文本阴影效果怎么设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html 文本阴影
    上一篇:html如何选择li的偶数列 下一篇:html如何设置居中显示图片
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• html如何设置图片居中• html如何设置高度• html怎么设置颜色渐变• 如何实现html不显示下拉列表的箭头• html怎么让段落文本两端对齐
    1/1

    PHP中文网