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

    css如何调整字体颜色

    王林王林2021-03-01 15:46:15原创1133

    css调整字体颜色的方法:可以利用color属性来调整字体颜色,如【body {color:red}】,表示将元素字体设置为红色。color属性用于设置元素的前景色,即元素文本的颜色。

    本文操作环境:windows10系统、css 3、thinkpad t480电脑。

    属性介绍:

    color 属性规定文本的颜色。

    这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色);光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖。

    属性值:

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

    调整字体颜色示例:

    <html>
    <head>
    <style type="text/css">
    body {color:red}
    h1 {color:#00ff00}
    p.ex {color:rgb(0,0,255)}
    </style>
    </head>
    
    <body>
    <h1>这是 heading 1</h1>
    <p>这是一段普通的段落。请注意,该段落的文本是红色的。在 body 选择器中定义了本页面中的默认文本颜色。</p>
    <p class="ex">该段落定义了 class="ex"。该段落中的文本是蓝色的。</p>
    </body>
    </html>

    运行结果:

    7bf37f26dbd1b6a42cae22b5513a264.png

    相关推荐:CSS教程

    以上就是css如何调整字体颜色的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 字体 颜色
    上一篇:css中清除浮动有哪几种方式 下一篇:css怎么设置图片位置居中
    PHP编程就业班

    相关文章推荐

    • css超链接字体颜色如何改变• bootstrap 怎么设置字体颜色• css怎么改变div字体颜色• html字体颜色的设置方法

    全部评论我要评论

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

    PHP中文网