编程笔记 html5&css&js 055 CSS颜色表

编程笔记 html5&css&js 055 CSS颜色表

重新做了颜色表,前面讲HTML时已经有了一个,重新整理了一个,方便查用。将代码复制本地使用。这个内容既用于颜色的了解,也是一个网页的综合练习。将下面内容复制,弄懂每个内容,并按照自己喜好进行改进。

一、代码

<!DOCTYPE html>
<html lang="zh-cn">
   <head>
      <title>css颜色表 编程笔记 html5&css&js</title>
      <meta charset="utf-8" />
      <style>
         body {
            color: cyan;
            background-color: teal;
         }
         table {
            margin: auto;
            width: 80%;
            font-family: "Microsoft Yahei";
            word-wrap: break-word;
            text-align: justify;
            border-collapse: collapse;
            font-size: 18px;
            border-width: 1px;
            border-style: solid;
            border-color: black;
            width: 70%;
         }
         table th {
            height: 50px;
            font-size: 28px;
         }
         table td {
            height: 24px;
            font-size: 18px;
         }
         table th,
         table td {
            padding: 12px 12px;
            border-color: orange;
            border-style: solid;
            border-collapse: collapse;
            box-sizing: 1px;
            border-width: 1px;
         }
      </style>
   </head>
   <body>
      <table>
         <tbody>
            <tr align="center">
               <th width="40%">
                  <strong>颜色</strong>
               </th>
               <th width="15%">
                  <strong>英文名称</strong>
               </th>
               <th width="15%">
                  <strong>中文名称</strong>
               </th>
               <th width="15%">
                  <strong>HEX格式</strong>
               </th>
               <th width="15%">
                  <strong>RGB格式</strong>
               </th>
            </tr>
            <tr>
               <td bgcolor="#ffb6c1"> </td>
               <td>LightPink</td>
               <td>浅粉红</td>
               <td>#FFB6C1</td>
               <td>255,182,193</td>
            </tr>
            <tr>
               <td bgcolor="#ffc0cb"> </td>
               <td>Pink</td>
               <td>粉红</td>
               <td>#FFC0CB</td>
               <td>255,192,203</td>
            </tr>
            <tr>
               <td bgcolor="#dc143c"> </td>
               <td>Crimson</td>
               <td>猩红</td>
               <td>#DC143C</td>
               <td>220,20,60</td>
            </tr>
            <tr>
               <td bgcolor="#fff0f5"> </td>
               <td>LavenderBlush</td>
               <td>脸红的淡紫色</td>
               <td>#FFF0F5</td>
               <td>255,240,245</td>
            </tr>
            <tr>
               <td bgcolor="#db7093"> </td>
               <td>PaleVioletRed</td>
               <td>苍白的紫罗兰红色</td>
               <td>#DB7093</td>
               <td>219,112,147</td>
            </tr>
            <tr>
               <td bgcolor="#ff69b4"> </td>
               <td>HotPink</td>
               <td>热情的粉红</td>
               <td>#FF69B4</td>
               <td>255,105,180</td>
            </tr>
            <tr>
               <td bgcolor="#ff1493"> </td>
               <td>DeepPink</td>
               <td>深粉色</td>
               <td>#FF1493</td>
               <td>255,20,147</td>
            </tr>
            <tr>
               <td bgcolor="#c71585"> </td>
               <td>MediumVioletRed</td>
               <td>适中的紫罗兰红色</td>
               <td>#C71585</td>
               <td>199,21,133</td>
            </tr>
            <tr>
               <td bgcolor="#da70d6"> </td>
               <td>Orchid</td>
               <td>兰花的紫色</td>
               <td>#DA70D6</td>
               <td>218,112,214</td>
            </tr>
            <tr>
               <td bgcolor="#d8bfd8"> </td>
               <td>Thistle</td>
               <td>蓟</td>
               <td>#D8BFD8</td>
               <td>216,191,216</td>
            </tr>
            <tr>
               <td bgcolor="#dda0dd"> </td>
               <td>plum</td>
               <td>李子</td>
               <td>#DDA0DD</td>
               <td>221,160,221</td>
            </tr>
            <tr>
               <td bgcolor="#ee82ee"> </td>
               <td>Violet</td>
               <td>紫罗兰</td>
               <td>#EE82EE</td>
               <td>238,130,238</td>
            </tr>
            <tr>
               <td bgcolor="#ff00ff"> </td>
               <td>Magenta</td>
               <td>洋红</td>
               <td>#FF00FF</td>
               <td>255,0,255</td>
            </tr>
            <tr>
               <td bgcolor="#ff00ff"> </td>
               <td>Fuchsia</td>
               <td>灯笼海棠(紫红色)</td>
               <td>#FF00FF</td>
               <td>255,0,255</td>
            </tr>
            <tr>
               <td bgcolor="#8b008b"> </td>
               <td>DarkMagenta</td>
               <td>深洋红色</td>
               <td>#8B008B</td>
               <td>139,0,139</td>
            </tr>
            <tr>
               <td bgcolor="#800080"> </td>
               <td>Purple</td>
               <td>紫色</td>
               <td>#800080</td>
               <td>128,0,128</td>
            </tr>
            <tr>
               <td bgcolor="#ba55d3"> </td>
               <td>MediumOrchid</td>
               <td>适中的兰花紫</td>
               <td>#BA55D3</td>
               <td>186,85,211</td>
            </tr>
            <tr>
               <td bgcolor="#da00e0"> </td>
               <td>DarkVoilet</td>
               <td>深紫罗兰色</td>
               <td>#9400D3</td>
               <td>148,0,211</td>
            </tr>
            <tr>
               <td bgcolor="#9932cc"> </td>
               <td>DarkOrchid</td>
               <td>深兰花紫</td>
               <td>#9932CC</td>
               <td>153,50,204</td>
            </tr>
            <tr>
               <td bgcolor="#4b0082"> </td>
               <td>Indigo</td>
               <td>靛青</td>
               <td>#4B0082</td>
               <td>75,0,130</td>
            </tr>
            <tr>
               <td bgcolor="#8a2be2"> </td>
               <td>BlueViolet</td>
               <td>深紫罗兰的蓝色</td>
               <td>#8A2BE2</td>
               <td>138,43,226</td>
            </tr>
            <tr>
               <td bgcolor="#9370db"> </td>
               <td>MediumPurple</td>
               <td>适中的紫色</td>
               <td>#9370DB</td>
               <td>147,112,219</td>
            </tr>
            <tr>
               <td bgcolor="#7b68ee"> </td>
               <td>MediumSlateBlue</td>
               <td>适中的板岩暗蓝灰色</td>
               <td>#7B68EE</td>
               <td>123,104,238</td>
            </tr>
            <tr>
               <td bgcolor="#6a5acd"> </td>
               <td>SlateBlue</td>
               <td>板岩暗蓝灰色</td>
               <td>#6A5ACD</td>
               <td>106,90,205</td>
            </tr>
            <tr>
               <td bgcolor="#483d8b"> </td>
               <td>DarkSlateBlue</td>
               <td>深岩暗蓝灰色</td>
               <td>#483D8B</td>
               <td>72,61,139</td>
            </tr>
            <tr>
               <td bgcolor="#e6e6fa"> </td>
               <td>Lavender</td>
               <td>熏衣草花的淡紫色</td>
               <td>#E6E6FA</td>
               <td>230,230,250</td>
            </tr>
            <tr>
               <td bgcolor="#f8f8ff"> </td>
               <td>GhostWhite</td>
               <td>幽灵的白色</td>
               <td>#F8F8FF</td>
               <td>248,248,255</td>
            </tr>
            <tr>
               <td bgcolor="#0000ff"> </td>
               <td>Blue</td>
               <td>纯蓝</td>
               <td>#0000FF</td>
               <td>0,0,255</td>
            </tr>
            <tr>
               <td bgcolor="#0000cd"> </td>
               <td>MediumBlue</td>
               <td>适中的蓝色</td>
               <td>#0000CD</td>
               <td>0,0,205</td>
            </tr>
            <tr>
               <td bgcolor="#191970"> </td>
               <td>MidnightBlue</td>
               <td>午夜的蓝色</td>
               <td>#191970</td>
               <td>25,25,112</td>
            </tr>
            <tr>
               <td bgcolor="#00008b"> </td>
               <td>DarkBlue</td>
               <td>深蓝色</td>
               <td>#00008B</td>
               <td>0,0,139</td>
            </tr>
            <tr>
               <td bgcolor="#000080"> </td>
               <td>Navy</td>
               <td>海军蓝</td>
               <td>#000080</td>
               <td>0,0,128</td>
            </tr>
            <tr>
               <td bgcolor="#4169e1"> </td>
               <td>RoyalBlue</td>
               <td>皇军蓝</td>
               <td>#4169E1</td>
               <td>65,105,225</td>
            </tr>
            <tr>
               <td bgcolor="#6495ed"> </td>
               <td>CornflowerBlue</td>
               <td>矢车菊的蓝色</td>
               <td>#6495ED</td>
               <td>100,149,237</td>
            </tr>
            <tr>
               <td bgcolor="#b0c4de"> </td>
               <td>LightSteelBlue</td>
               <td>淡钢蓝</td>
               <td>#B0C4DE</td>
               <td>176,196,222</td>
            </tr>
            <tr>
               <td bgcolor="#778899"> </td>
               <td>LightSlateGray</td>
               <td>浅石板灰</td>
               <td>#778899</td>
               <td>119,136,153</td>
            </tr>
            <tr>
               <td bgcolor="#708090"> </td>
               <td>SlateGray</td>
               <td>石板灰</td>
               <td>#708090</td>
               <td>112,128,144</td>
            </tr>
            <tr>
               <td bgcolor="#d0e000"> </td>
               <td>DoderBlue</td>
               <td>道奇蓝</td>
               <td>#1E90FF</td>
               <td>30,144,255</td>
            </tr>
            <tr>
               <td bgcolor="#f0f8ff"> </td>
               <td>AliceBlue</td>
               <td>爱丽丝蓝</td>
               <td>#F0F8FF</td>
               <td>240,248,255</td>
            </tr>
            <tr>
               <td bgcolor="#4682b4"> </td>
               <td>SteelBlue</td>
               <td>钢蓝</td>
               <td>#4682B4</td>
               <td>70,130,180</td>
            </tr>
            <tr>
               <td bgcolor="#87cefa"> </td>
               <td>LightSkyBlue</td>
               <td>淡蓝色</td>
               <td>#87CEFA</td>
               <td>135,206,250</td>
            </tr>
            <tr>
               <td bgcolor="#87ceeb"> </td>
               <td>SkyBlue</td>
               <td>天蓝色</td>
               <td>#87CEEB</td>
               <td>135,206,235</td>
            </tr>
            <tr>
               <td bgcolor="#00bfff"> </td>
               <td>DeepSkyBlue</td>
               <td>深天蓝</td>
               <td>#00BFFF</td>
               <td>0,191,255</td>
            </tr>
            <tr>
               <td bgcolor="#add8e6"> </td>
               <td>LightBLue</td>
               <td>淡蓝</td>
               <td>#ADD8E6</td>
               <td>173,216,230</td>
            </tr>
            <tr>
               <td bgcolor="#b0e0e6"> </td>
               <td>PowDerBlue</td>
               <td>火药蓝</td>
               <td>#B0E0E6</td>
               <td>176,224,230</td>
            </tr>
            <tr>
               <td bgcolor="#5f9ea0"> </td>
               <td>CadetBlue</td>
               <td>军校蓝</td>
               <td>#5F9EA0</td>
               <td>95,158,160</td>
            </tr>
            <tr>
               <td bgcolor="#f0ffff"> </td>
               <td>Azure</td>
               <td>蔚蓝色</td>
               <td>#F0FFFF</td>
               <td>240,255,255</td>
            </tr>
            <tr>
               <td bgcolor="#e0ffff"> </td>
               <td>LightCyan</td>
               <td>淡青色</td>
               <td>#E1FFFF</td>
               <td>225,255,255</td>
            </tr>
            <tr>
               <td bgcolor="#afeeee"> </td>
               <td>PaleTurquoise</td>
               <td>苍白的绿宝石</td>
               <td>#AFEEEE</td>
               <td>175,238,238</td>
            </tr>
            <tr>
               <td bgcolor="#00ffff"> </td>
               <td>Cyan</td>
               <td>青色</td>
               <td>#00FFFF</td>
               <td>0,255,255</td>
            </tr>
            <tr>
               <td bgcolor="#00ffff"> </td>
               <td>Aqua</td>
               <td>水绿色</td>
               <td>#00FFFF</td>
               <td>0,255,255</td>
            </tr>
            <tr>
               <td bgcolor="#00ced1"> </td>
               <td>DarkTurquoise</td>
               <td>深绿宝石</td>
               <td>#00CED1</td>
               <td>0,206,209</td>
            </tr>
            <tr>
               <td bgcolor="#2f4f4f"> </td>
               <td>DarkSlateGray</td>
               <td>深石板灰</td>
               <td>#2F4F4F</td>
               <td>47,79,79</td>
            </tr>
            <tr>
               <td bgcolor="#008b8b"> </td>
               <td>DarkCyan</td>
               <td>深青色</td>
               <td>#008B8B</td>
               <td>0,139,139</td>
            </tr>
            <tr>
               <td bgcolor="#008080"> </td>
               <td>Teal</td>
               <td>水鸭色</td>
               <td>#008080</td>
               <td>0,128,128</td>
            </tr>
            <tr>
               <td bgcolor="#48d1cc"> </td>
               <td>MediumTurquoise</td>
               <td>适中的绿宝石</td>
               <td>#48D1CC</td>
               <td>72,209,204</td>
            </tr>
            <tr>
               <td bgcolor="#20b2aa"> </td>
               <td>LightSeaGreen</td>
               <td>浅海洋绿</td>
               <td>#20B2AA</td>
               <td>32,178,170</td>
            </tr>
            <tr>
               <td bgcolor="#40e0d0"> </td>
               <td>Turquoise</td>
               <td>绿宝石</td>
               <td>#40E0D0</td>
               <td>64,224,208</td>
            </tr>
            <tr>
               <td bgcolor="#a0a000"> </td>
               <td>Auqamarin</td>
               <td>绿玉碧绿色</td>
               <td>#7FFFAA</td>
               <td>127,255,170</td>
            </tr>
            <tr>
               <td bgcolor="#66cdaa"> </td>
               <td>MediumAquamarine</td>
               <td>适中的碧绿色</td>
               <td>#00FA9A</td>
               <td>0,250,154</td>
            </tr>
            <tr>
               <td bgcolor="#00fa9a"> </td>
               <td>MediumSpringGreen</td>
               <td>适中的春天的绿色</td>
               <td>#F5FFFA</td>
               <td>245,255,250</td>
            </tr>
            <tr>
               <td bgcolor="#f5fffa"> </td>
               <td>MintCream</td>
               <td>薄荷奶油</td>
               <td>#00FF7F</td>
               <td>0,255,127</td>
            </tr>
            <tr>
               <td bgcolor="#00ff7f"> </td>
               <td>SpringGreen</td>
               <td>春天的绿色</td>
               <td>#3CB371</td>
               <td>60,179,113</td>
            </tr>
            <tr>
               <td bgcolor="#2e8b57"> </td>
               <td>SeaGreen</td>
               <td>海洋绿</td>
               <td>#2E8B57</td>
               <td>46,139,87</td>
            </tr>
            <tr>
               <td bgcolor="#f0fff0"> </td>
               <td>Honeydew</td>
               <td>蜂蜜</td>
               <td>#F0FFF0</td>
               <td>240,255,240</td>
            </tr>
            <tr>
               <td bgcolor="#90ee90"> </td>
               <td>LightGreen</td>
               <td>淡绿色</td>
               <td>#90EE90</td>
               <td>144,238,144</td>
            </tr>
            <tr>
               <td bgcolor="#98fb98"> </td>
               <td>PaleGreen</td>
               <td>苍白的绿色</td>
               <td>#98FB98</td>
               <td>152,251,152</td>
            </tr>
            <tr>
               <td bgcolor="#8fbc8f"> </td>
               <td>DarkSeaGreen</td>
               <td>深海洋绿</td>
               <td>#8FBC8F</td>
               <td>143,188,143</td>
            </tr>
            <tr>
               <td bgcolor="#32cd32"> </td>
               <td>LimeGreen</td>
               <td>酸橙绿</td>
               <td>#32CD32</td>
               <td>50,205,50</td>
            </tr>
            <tr>
               <td bgcolor="#00ff00"> </td>
               <td>Lime</td>
               <td>酸橙色</td>
               <td>#00FF00</td>
               <td>0,255,0</td>
            </tr>
            <tr>
               <td bgcolor="#228b22"> </td>
               <td>ForestGreen</td>
               <td>森林绿</td>
               <td>#228B22</td>
               <td>34,139,34</td>
            </tr>
            <tr>
               <td bgcolor="#008000"> </td>
               <td>Green</td>
               <td>纯绿</td>
               <td>#008000</td>
               <td>0,128,0</td>
            </tr>
            <tr>
               <td bgcolor="#006400"> </td>
               <td>DarkGreen</td>
               <td>深绿色</td>
               <td>#006400</td>
               <td>0,100,0</td>
            </tr>
            <tr>
               <td bgcolor="#7fff00"> </td>
               <td>Chartreuse</td>
               <td>查特酒绿</td>
               <td>#7FFF00</td>
               <td>127,255,0</td>
            </tr>
            <tr>
               <td bgcolor="#7cfc00"> </td>
               <td>LawnGreen</td>
               <td>草坪绿</td>
               <td>#7CFC00</td>
               <td>124,252,0</td>
            </tr>
            <tr>
               <td bgcolor="#adff2f"> </td>
               <td>GreenYellow</td>
               <td>绿黄色</td>
               <td>#ADFF2F</td>
               <td>173,255,47</td>
            </tr>
            <tr>
               <td bgcolor="#6b8e23"> </td>
               <td>OliveDrab</td>
               <td>橄榄土褐色</td>
               <td>#556B2F</td>
               <td>85,107,47</td>
            </tr>
            <tr>
               <td bgcolor="#f5f5dc"> </td>
               <td>Beige</td>
               <td>米色(浅褐色)</td>
               <td>#6B8E23</td>
               <td>107,142,35</td>
            </tr>
            <tr>
               <td bgcolor="#fafad2"> </td>
               <td>LightGoldenrodYellow</td>
               <td>浅秋麒麟黄</td>
               <td>#FAFAD2</td>
               <td>250,250,210</td>
            </tr>
            <tr>
               <td bgcolor="#fffff0"> </td>
               <td>Ivory</td>
               <td>象牙</td>
               <td>#FFFFF0</td>
               <td>255,255,240</td>
            </tr>
            <tr>
               <td bgcolor="#ffffe0"> </td>
               <td>LightYellow</td>
               <td>浅黄色</td>
               <td>#FFFFE0</td>
               <td>255,255,224</td>
            </tr>
            <tr>
               <td bgcolor="#ffff00"> </td>
               <td>Yellow</td>
               <td>纯黄</td>
               <td>#FFFF00</td>
               <td>255,255,0</td>
            </tr>
            <tr>
               <td bgcolor="#808000"> </td>
               <td>Olive</td>
               <td>橄榄</td>
               <td>#808000</td>
               <td>128,128,0</td>
            </tr>
            <tr>
               <td bgcolor="#bdb76b"> </td>
               <td>DarkKhaki</td>
               <td>深卡其布</td>
               <td>#BDB76B</td>
               <td>189,183,107</td>
            </tr>
            <tr>
               <td bgcolor="#fffacd"> </td>
               <td>LemonChiffon</td>
               <td>柠檬薄纱</td>
               <td>#FFFACD</td>
               <td>255,250,205</td>
            </tr>
            <tr>
               <td bgcolor="#a00d00"> </td>
               <td>PaleGodenrod</td>
               <td>灰秋麒麟</td>
               <td>#EEE8AA</td>
               <td>238,232,170</td>
            </tr>
            <tr>
               <td bgcolor="#f0e68c"> </td>
               <td>Khaki</td>
               <td>卡其布</td>
               <td>#F0E68C</td>
               <td>240,230,140</td>
            </tr>
            <tr>
               <td bgcolor="#ffd700"> </td>
               <td>Gold</td>
               <td>金</td>
               <td>#FFD700</td>
               <td>255,215,0</td>
            </tr>
            <tr>
               <td bgcolor="#c00000"> </td>
               <td>Cornislk</td>
               <td>玉米色</td>
               <td>#FFF8DC</td>
               <td>255,248,220</td>
            </tr>
            <tr>
               <td bgcolor="#daa520"> </td>
               <td>GoldEnrod</td>
               <td>秋麒麟</td>
               <td>#DAA520</td>
               <td>218,165,32</td>
            </tr>
            <tr>
               <td bgcolor="#fffaf0"> </td>
               <td>FloralWhite</td>
               <td>花的白色</td>
               <td>#FFFAF0</td>
               <td>255,250,240</td>
            </tr>
            <tr>
               <td bgcolor="#fdf5e6"> </td>
               <td>OldLace</td>
               <td>老饰带</td>
               <td>#FDF5E6</td>
               <td>253,245,230</td>
            </tr>
            <tr>
               <td bgcolor="#f5deb3"> </td>
               <td>Wheat</td>
               <td>小麦色</td>
               <td>#F5DEB3</td>
               <td>245,222,179</td>
            </tr>
            <tr>
               <td bgcolor="#ffe4b5"> </td>
               <td>Moccasin</td>
               <td>鹿皮鞋</td>
               <td>#FFE4B5</td>
               <td>255,228,181</td>
            </tr>
            <tr>
               <td bgcolor="#ffa500"> </td>
               <td>Orange</td>
               <td>橙色</td>
               <td>#FFA500</td>
               <td>255,165,0</td>
            </tr>
            <tr>
               <td bgcolor="#ffefd5"> </td>
               <td>PapayaWhip</td>
               <td>番木瓜</td>
               <td>#FFEFD5</td>
               <td>255,239,213</td>
            </tr>
            <tr>
               <td bgcolor="#ffebcd"> </td>
               <td>BlanchedAlmond</td>
               <td>漂白的杏仁</td>
               <td>#FFEBCD</td>
               <td>255,235,205</td>
            </tr>
            <tr>
               <td bgcolor="#ffdead"> </td>
               <td>NavajoWhite</td>
               <td>Navajo白</td>
               <td>#FFDEAD</td>
               <td>255,222,173</td>
            </tr>
            <tr>
               <td bgcolor="#faebd7"> </td>
               <td>AntiqueWhite</td>
               <td>古代的白色</td>
               <td>#FAEBD7</td>
               <td>250,235,215</td>
            </tr>
            <tr>
               <td bgcolor="#d2b48c"> </td>
               <td>Tan</td>
               <td>晒黑</td>
               <td>#D2B48C</td>
               <td>210,180,140</td>
            </tr>
            <tr>
               <td bgcolor="#b00000"> </td>
               <td>BrulyWood</td>
               <td>结实的树</td>
               <td>#DEB887</td>
               <td>222,184,135</td>
            </tr>
            <tr>
               <td bgcolor="#ffe4c4"> </td>
               <td>Bisque</td>
               <td>(浓汤)乳脂,番茄等</td>
               <td>#FFE4C4</td>
               <td>255,228,196</td>
            </tr>
            <tr>
               <td bgcolor="#ff8c00"> </td>
               <td>DarkOrange</td>
               <td>深橙色</td>
               <td>#FF8C00</td>
               <td>255,140,0</td>
            </tr>
            <tr>
               <td bgcolor="#faf0e6"> </td>
               <td>Linen</td>
               <td>亚麻布</td>
               <td>#FAF0E6</td>
               <td>250,240,230</td>
            </tr>
            <tr>
               <td bgcolor="#cd853f"> </td>
               <td>Peru</td>
               <td>秘鲁</td>
               <td>#CD853F</td>
               <td>205,133,63</td>
            </tr>
            <tr>
               <td bgcolor="#ffdab9"> </td>
               <td>PeachPuff</td>
               <td>桃色</td>
               <td>#FFDAB9</td>
               <td>255,218,185</td>
            </tr>
            <tr>
               <td bgcolor="#f4a460"> </td>
               <td>SandyBrown</td>
               <td>沙棕色</td>
               <td>#F4A460</td>
               <td>244,164,96</td>
            </tr>
            <tr>
               <td bgcolor="#d2691e"> </td>
               <td>Chocolate</td>
               <td>巧克力</td>
               <td>#D2691E</td>
               <td>210,105,30</td>
            </tr>
            <tr>
               <td bgcolor="#8b4513"> </td>
               <td>SaddleBrown</td>
               <td>马鞍棕色</td>
               <td>#8B4513</td>
               <td>139,69,19</td>
            </tr>
            <tr>
               <td bgcolor="#fff5ee"> </td>
               <td>SeaShell</td>
               <td>海贝壳</td>
               <td>#FFF5EE</td>
               <td>255,245,238</td>
            </tr>
            <tr>
               <td bgcolor="#a0522d"> </td>
               <td>Sienna</td>
               <td>黄土赭色</td>
               <td>#A0522D</td>
               <td>160,82,45</td>
            </tr>
            <tr>
               <td bgcolor="#ffa07a"> </td>
               <td>LightSalmon</td>
               <td>浅鲜肉(鲑鱼)色</td>
               <td>#FFA07A</td>
               <td>255,160,122</td>
            </tr>
            <tr>
               <td bgcolor="#ff7f50"> </td>
               <td>Coral</td>
               <td>珊瑚</td>
               <td>#FF7F50</td>
               <td>255,127,80</td>
            </tr>
            <tr>
               <td bgcolor="#ff4500"> </td>
               <td>OrangeRed</td>
               <td>橙红色</td>
               <td>#FF4500</td>
               <td>255,69,0</td>
            </tr>
            <tr>
               <td bgcolor="#e9967a"> </td>
               <td>DarkSalmon</td>
               <td>深鲜肉(鲑鱼)色</td>
               <td>#E9967A</td>
               <td>233,150,122</td>
            </tr>
            <tr>
               <td bgcolor="#ff6347"> </td>
               <td>Tomato</td>
               <td>番茄</td>
               <td>#FF6347</td>
               <td>255,99,71</td>
            </tr>
            <tr>
               <td bgcolor="#ffe4e1"> </td>
               <td>MistyRose</td>
               <td>薄雾玫瑰</td>
               <td>#FFE4E1</td>
               <td>255,228,225</td>
            </tr>
            <tr>
               <td bgcolor="#fa8072"> </td>
               <td>Salmon</td>
               <td>鲜肉(鲑鱼)色</td>
               <td>#FA8072</td>
               <td>250,128,114</td>
            </tr>
            <tr>
               <td bgcolor="#fffafa"> </td>
               <td>Snow</td>
               <td>雪</td>
               <td>#FFFAFA</td>
               <td>255,250,250</td>
            </tr>
            <tr>
               <td bgcolor="#f08080"> </td>
               <td>LightCoral</td>
               <td>淡珊瑚色</td>
               <td>#F08080</td>
               <td>240,128,128</td>
            </tr>
            <tr>
               <td bgcolor="#bc8f8f"> </td>
               <td>RosyBrown</td>
               <td>玫瑰棕色</td>
               <td>#BC8F8F</td>
               <td>188,143,143</td>
            </tr>
            <tr>
               <td bgcolor="#cd5c5c"> </td>
               <td>IndianRed</td>
               <td>印度红</td>
               <td>#CD5C5C</td>
               <td>205,92,92</td>
            </tr>
            <tr>
               <td bgcolor="#ff0000"> </td>
               <td>Red</td>
               <td>纯红</td>
               <td>#FF0000</td>
               <td>255,0,0</td>
            </tr>
            <tr>
               <td bgcolor="#a52a2a"> </td>
               <td>Brown</td>
               <td>棕色</td>
               <td>#A52A2A</td>
               <td>165,42,42</td>
            </tr>
            <tr>
               <td bgcolor="#b22222"> </td>
               <td>FireBrick</td>
               <td>耐火砖</td>
               <td>#B22222</td>
               <td>178,34,34</td>
            </tr>
            <tr>
               <td bgcolor="#8b0000"> </td>
               <td>DarkRed</td>
               <td>深红色</td>
               <td>#8B0000</td>
               <td>139,0,0</td>
            </tr>
            <tr>
               <td bgcolor="#800000"> </td>
               <td>Maroon</td>
               <td>栗色</td>
               <td>#800000</td>
               <td>128,0,0</td>
            </tr>
            <tr>
               <td bgcolor="#ffffff"> </td>
               <td>White</td>
               <td>纯白</td>
               <td>#FFFFFF</td>
               <td>255,255,255</td>
            </tr>
            <tr>
               <td bgcolor="#f5f5f5"> </td>
               <td>WhiteSmoke</td>
               <td>白烟</td>
               <td>#F5F5F5</td>
               <td>245,245,245</td>
            </tr>
            <tr>
               <td bgcolor="#dcdcdc"> </td>
               <td>Gainsboro</td>
               <td>Gainsboro</td>
               <td>#DCDCDC</td>
               <td>220,220,220</td>
            </tr>
            <tr>
               <td bgcolor="#d3d3d3"> </td>
               <td>LightGrey</td>
               <td>浅灰色</td>
               <td>#D3D3D3</td>
               <td>211,211,211</td>
            </tr>
            <tr>
               <td bgcolor="#c0c0c0"> </td>
               <td>Silver</td>
               <td>银白色</td>
               <td>#C0C0C0</td>
               <td>192,192,192</td>
            </tr>
            <tr>
               <td bgcolor="#a9a9a9"> </td>
               <td>DarkGray</td>
               <td>深灰色</td>
               <td>#A9A9A9</td>
               <td>169,169,169</td>
            </tr>
            <tr>
               <td bgcolor="#808080"> </td>
               <td>Gray</td>
               <td>灰色</td>
               <td>#808080</td>
               <td>128,128,128</td>
            </tr>
            <tr>
               <td bgcolor="#696969"> </td>
               <td>DimGray</td>
               <td>暗淡的灰色</td>
               <td>#696969</td>
               <td>105,105,105</td>
            </tr>
            <tr>
               <td bgcolor="#000000"> </td>
               <td>Black</td>
               <td>纯黑</td>
               <td>#000000</td>
               <td>0,0,0</td>
            </tr>
         </tbody>
      </table>
   </body>
</html>

二、小结

颜色的合理使用是网页设计效果的基本保证。
使用颜色值可以精细设计网页本色,提高网页整体效果。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>