重新做了颜色表,前面讲HTML时已经有了一个,重新整理了一个,方便查用。将代码复制本地使用。这个内容既用于颜色的了解,也是一个网页的综合练习。将下面内容复制,弄懂每个内容,并按照自己喜好进行改进。文章来源:https://www.toymoban.com/news/detail-822288.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模板网!