首页 > 软件开发 > HTML >

html颜色代码怎么编写

来源:互联网 2023-03-16 19:13:22 301

在html中,我们可以为字体,背景,边框等设置颜色。html颜色代码的编写有三种方式,今天小编就来详细的讲解下,一起来看看吧!7Y6办公区 - 实用经验教程分享!

html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

工具/原料

  • Sublime编辑器,浏览器

方法/步骤

  • 1

    新建一个txt文档,将其文件名和后缀改成“index.html”的html文件,如下图所示。7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

  • 2

    新建好html文件后,我们用代码编辑器打开它,然后填写标准的html5代码,如下图所示。7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

  • 3

    新建一个p标签,在p标签中输入一段文字,如下图所示。7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

  • 3此文章未经授权抓取自百度经验
  • 4

    第一种颜色的设置我们可以通过颜色的英文字母方式,如“color: red;”的方式,这样设置出的字体颜色为红色,用浏览器打开网页,可以看到代码生效,字体颜色被设置成了红色。7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

  • 5

    第二种设置颜色的方式可以16进制方法,如“color: #000f9f;”将颜色设置为了蓝色。刷新网页后,就可以看到我们设置的颜色生效了。7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

  • 6

    最后一种颜色设置就是用rgb的方法,如“color:rgb(156,96,24);”将颜色设置成了棕黄色。7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

    html颜色代码怎么编写7Y6办公区 - 实用经验教程分享!

  • 注意事项

    • 相关颜色我们可以通过ps的拾色器去获得

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


    标签: HTML

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