首页 > 电脑专区 > 电脑教程 >

div设置字体颜色

来源:互联网 2023-02-21 21:57:07 版权归原作者所有,如有侵权,请联系我们

div是HTML语言中使用的非常多的一个标签,以下是关于如何设置div字体颜色的操作,希望对需要的朋友有用。QZv办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新建一个html源文件,输入如下代码,由于div标签未加任何修饰,显示的测试文本默认为黑色:QZv办公区 - 实用经验教程分享!

    html>body>QZv办公区 - 实用经验教程分享!

    div h3>测试文本/h3>/div>QZv办公区 - 实用经验教程分享!

    /body>/html>QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

  • 2

    我们可以使用style属性为div标签设置一个颜色,比如红色,可以这样表示:QZv办公区 - 实用经验教程分享!

    style="color:#FF0000",这个六位数是十六进制的,两个两个一组,分别是“红绿蓝”,#FF0000代表红色颜色值最高,绿和蓝为0,也就是纯红色。QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

  • 3

    同样,如果想使用绿色,那么只需要把style="color:#FF0000"改为style="color:#00FF00"即可。QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

  • 4

    我们还可以通过混色跳出其它颜色,比如红绿混色为黄色,那么我们需要黄色字体就可以这样表示:style="color:#FFFF00"。QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

  • 5

    除了使用十六进制配色方案以外,还可以直接使用预定义的颜色代码,比如蓝色对应的就是“blue”,可以写成:style="color:blue",这个更便于理解。QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    使用颜色代号的另一个好处就是,对于红绿蓝混合的颜色我们不需要去纠结具体的混色搭配,只需要给定一个颜色代号即可,比如“棕色”的混色值我们可能很少知道,但是却知道它的英文名字叫“brown”,只需要写成这样:QZv办公区 - 实用经验教程分享!

    html>body>QZv办公区 - 实用经验教程分享!

    div style="color:brown"> h3>测试文本/h3>/div>QZv办公区 - 实用经验教程分享!

    /body>/html>QZv办公区 - 实用经验教程分享!

    div设置字体颜色QZv办公区 - 实用经验教程分享!

  • 注意事项

    • 使用颜色名称有助还有助于代码维护

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!QZv办公区 - 实用经验教程分享!


    标签: 软件HTML字体颜色设置

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号