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

    css怎么设置字体阴影

    VV2020-11-30 16:48:43原创1380

    css设置字体阴影的方法:使用代码【text-shadow:3px 3px 3px #00f;】,【text-shadow】属性应用于阴影文本,语法为【text-shadow: h-shadow v-shadow blur color;】。

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

    (学习视频分享:css视频教程

    css设置字体阴影的方法:

    相关属性:

    text-shadow 属性应用于阴影文本。

    语法:

    text-shadow: h-shadow v-shadow blur color;

    属性值:

    示例:

    <!doctype html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>index</title>
        <style>
            *{
                font-family: 微软雅黑;
            }
    
            p{
                text-shadow:3px 3px 3px #00f;
            }
        </style>
    </head>
    <body>
        <div>
            <p>linux is very much!</p>
            <p>linux is very much!</p>
            <p>linux is very much!</p>
            <p>linux is very much!</p>
            <p>linux is very much!</p>
        </div>
    </body>
    </html>

    相关推荐:CSS教程

    以上就是css怎么设置字体阴影的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 字体 阴影
    上一篇:css中背景图片有哪些属性 下一篇:css如何获取第几个元素
    大前端线上培训班

    相关文章推荐

    • CSS3的text-shadow字体阴影怎么使用• DIV CSS3 text-shadow字体阴影(代码实例)• css 内阴影怎么做• word字体阴影怎么设置?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网