编程笔记 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>

二、小结

颜色的合理使用是网页设计效果的基本保证。
使用颜色值可以精细设计网页本色,提高网页整体效果。文章来源地址https://www.toymoban.com/news/detail-822288.html

到了这里,关于编程笔记 html5&css&js 055 CSS颜色表的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 编程笔记 html5&css&js 035 HTML 地理定位

    地理定位有很多事情有关,购物时要知道你在哪吧,驾车时就更是了,所有浏览器还提供了定位的功能,可以在网页中使用。 HTML5 Geolocation(地理定位)用于定位用户的位置。 HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私,除非用户同意,否则

    2024年02月02日
    浏览(27)
  • 编程笔记 html5&css&js 034 HTML MathML

    网页上什么都可以出现呀,数学公式是不是也需要显示出来呀?这东西就叫MathML。 HTML5 可以在文档中使用 MathML 元素,对应的标签是 math.../math 。 MathML 是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。 据

    2024年01月21日
    浏览(28)
  • 编程笔记 html5&css&js 036 CSS应用方式

    如何在网页中使用CSS?实际上有三种方式。 有三种插入样式表的方法: 外部 CSS 内部 CSS 行内 CSS 通过使用外部样式表,您只需修改一个文件即可改变整个网站的外观! 每张 HTML 页面必须在 head 部分的 link 元素内包含对外部样式表文件的引用。 外部样式在 HTML 页面 head 部分内

    2024年01月22日
    浏览(31)
  • 编程笔记 html5&css&js 037 CSS选择器

    CSS用于处理网页的样式,就像一个人的装扮,拿来一个衣物或饰品,你得知道穿着在什么部位,不能把袜子当成口罩,CSS里面是一些属性和值,用在网页的哪个地方,就叫选择器。 CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。 我们可以将 CSS 选择器分为五类:

    2024年01月21日
    浏览(28)
  • 编程笔记 html5&css&js 040 CSS盒子模型

    网页是靠分成不同的块,再赋予这些块各不相同的属性来布局的。所以这个“块”是一个基础。先看块本身的构造。 CSS 盒子模型(Box Model)。所有HTML元素可以看作盒子,在CSS中,\\\"box model\\\"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它

    2024年01月17日
    浏览(25)
  • 编程笔记 html5&css&js 054 CSS默认值

    css属性在没有设置的时候,也是有值的,这就是默认值。列在下面,方便查看。 元素 默认的 CSS 值 a:link color: (internal value); text-decoration: underline; cursor: auto; a:visited color: (internal value); text-decoration: underline; cursor: auto; a:link:active color: (internal value); a:visited:active color: (internal value

    2024年01月25日
    浏览(21)
  • 编程笔记 html5&css&js 039 CSS背景示例

    网页上只有三个水平并列大小相同的的DIV,大小为300p*200,如何使用CSS让它们整体水平和垂直都居中,并使用不同的背景色? 要在网页上实现三个水平并列且大小相同的div元素,每个尺寸为300像素宽和200像素高,整体居中显示且具有不同的背景颜色,你可以通过以下CSS来完成:

    2024年01月20日
    浏览(28)
  • 编程笔记 html5&css&js 043 CSS尺寸属性

    块的宽度和高度,决定了块的大小,也就是尺寸。 height 和 width 属性用于设置元素的高度和宽度。height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。 height 和 width 属性可设置如下值: auto - 默认。浏览器计算高度

    2024年01月21日
    浏览(26)
  • 编程笔记 html5&css&js 041 CSS边框属性

    盒子是由四周的边框组成,边框的属性就构成了盒子的大部分样式。 CSS border 属性允许您指定元素边框的样式、宽度和颜色。 border-style 属性指定要显示的边框类型。 允许以下值: border-style 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框)。 注意:除非设

    2024年01月19日
    浏览(26)
  • 编程笔记 html5&css&js 053 CSS伪元素

    CSS 伪元素用于设置元素指定部分的样式。 什么是伪元素? 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 语法 伪元素的语法: ::first-line 伪元素用于向文本的首行添加特殊样式。 下面的例子为所有 p 元素中的首行添加样式: ::first-line 伪元素只能应用于

    2024年01月23日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包