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位基色。

實例：

<!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>

顏色單字	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>

重置程式碼

自動運行

提交

預覽 Clear