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

    HTML怎么设置字体颜色?html字体颜色设置的三种方法

    不言不言2018-09-18 11:15:20原创106129
    在网页开发的过程中,有时为了网页的美观,需要给网页中的字体设置不同的颜色,那么,怎么来设置字体颜色呢?本篇文章就来给大家来介绍html设置字体颜色的三种方法。

    话不多说,我们来直接看正文。

    html字体颜色设置的方法一:html font设置字体颜色

    语法:<font color="red"> </font>

    font是一对常规标签,将字体文本内容放入标签内,font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。

    我们直接来看html font设置字体颜色的代码实例:

    <html>
    <body>
    <p><font size="10" color="red">php中文网</font></p>
    </body>
    </html>

    说明:<font size="10">是设置字体大小。(可参考HTML手册

    html font设置字体颜色的效果如下:

    2345截图20180918103221.png

    html字体颜色设置的方法二:标签内设置CSS字体颜色样式

    语法:<p style="color:red"></p>

    标签内设置CSS字体颜色的代码实例:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    </head>
    <body>
    <div style="color:red;font-size:50px">php中文网</div>
    </body>
    </html>

    说明:font-size:50px为字体大小。(字体大小可参考css使用手册

    标签内设置CSS字体颜色的效果如下:

    2345截图20180918110036.png

    html字体颜色设置的方法三:外部CSS设置html文字字体的颜色

    使用id或class引入外部CSS字体颜色样式,从而设置html 字体颜色。

    外部CSS设置html文字字体的颜色的代码示例:

        <!DOCTYPE html> 
        <html> 
        <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <style> 
        .ex{ color:pink;font-size:50px} 
        </style> 
        </head> 
        <body> 
        <div class="ex">php中文网</div> 
        </body> 
        </html>

    外部CSS设置html文字字体的颜色效果如下:

    2345截图20180918110648.png

    最后,注意:html font设置字体颜色color使用等号设置颜色值,而CSS设置字体颜色使用color设置字体颜色值使用冒号。

    以上就是HTML怎么设置字体颜色?html字体颜色设置的三种方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html 字体颜色
    上一篇:html5与传统html的区别,有哪些新增的和废除的元素? 下一篇:html中position有哪些用法?position的用法介绍
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• CSS:自定义链接样式(设置链接不同状态下的字体颜色/背景色等)_html/css_WEB-ITnose• HTML设置超链接字体颜色和点击后的字体颜色• 通过html/css设置超链接字体颜色• html中的字体颜色怎么修改• CSS的文本字体颜色如何设置
    1/1

    PHP中文网