HTML基础教程之颜色表示

html颜色表示

  • 网页中的颜色有三种表示方法:

  • 颜色单词:blue、green、red、yellow

  • 10进制表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)

  • 16进制表示:#FF0000(红)、#00FF00(绿)、#0000FF(蓝)

自界面中,所有的颜色都可以用三种光的不同波长混合而成。这三种光就是红光(red)绿光(green)蓝色(blue)

在计算机中,每个基色,用8位二进制(2^8 = 256),那么RGB共可以表示 256*256*256 = 1670万色。

用16进制表示颜色时:用2位十六进制代表1位基色。

颜色单词
red
 green
blue
yellow
10进制
rgb(255,0,0) 
rgb(0,255,0) 
 rgb(0,0,255)
rgb(255,255,0)
16进制
#FF0000
#00FF00
#0000FF
#FFFF00                        

注意:10进制兼容性不好,尽量少用。10进制颜色表示,常用于CSS中。

实例:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>这是我们的第一个页面</title>
    </head>
    <body>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
     <table border="1" rules="all">
         <tr>
             <td bgcolor="#FF0000" width="50">红</td>
             <td bgcolor="#FF0055" width="50"></td>
             <td bgcolor="#FF00bb" width="50"></td>
         </tr>
           <tr>
             <td bgcolor="#00FF00" width="50">绿</td>
             <td bgcolor="#00FF55" width="50"></td>
             <td bgcolor="#00FFbb" width="50"></td>
         </tr>
           <tr>
             <td bgcolor="#0000FF" width="50">蓝</td>
             <td bgcolor="#0055FF" width="50"></td>
             <td bgcolor="#00bbFF" width="50"></td>
         </tr>
     </table> 
    </body>
</html>


继续学习
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是我们的第一个页面</title> </head> <body> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <table border="1" rules="all"> <tr> <td bgcolor="#FF0000" width="50">红</td> <td bgcolor="#FF0055" width="50"></td> <td bgcolor="#FF00bb" width="50"></td> </tr> <tr> <td bgcolor="#00FF00" width="50">绿</td> <td bgcolor="#00FF55" width="50"></td> <td bgcolor="#00FFbb" width="50"></td> </tr> <tr> <td bgcolor="#0000FF" width="50">蓝</td> <td bgcolor="#0055FF" width="50"></td> <td bgcolor="#00bbFF" width="50"></td> </tr> </table> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

HTML+CSS基础入门教程

高并发千万级数据库系统解决方案
  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

我是灰太狼

随便写吗

7年前    添加回复 0

看山看水看代码

自界面中,所有的颜色都可以用三种光的不同波长混合而成。这三种光就是红光(red)、绿光(green)、蓝色(blue)。涨见识了

7年前    添加回复 0

baby不要哭泣

没有颜色快标记

7年前    添加回复 0

看透不说透

我还是喜欢写十六进制的写法

7年前    添加回复 0

尼古拉阿列克塞耶维奇奥斯特洛夫斯基

取颜色有没有什么工具,这样记编码太难了

7年前    添加回复 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~