[关闭]
@nextleaf 2018-08-30T09:17:57.000000Z 字数 35511 阅读 1060

2018-08-29 工作日志

Java 工作日志 CSS JavaScript


2018-08-29 下午

内联框架

1 JavaScript

一种轻量级的脚本语言。

1.1 JavaScript语法

var 声明的变量都将转换为浮点型,可以是任意数据类型。
JavaScript 语句和 JavaScript 变量都对大小写敏感
没有返回值的函数真正返回的都是 undefined

1.2 JavaScript数据类型

String、Number、Boolean、数组、对象

1.2.1 Number:

JavaScript不区分整数和浮点数,统一用Number表示,采用64位浮点格式存储,支持通过科学(指数)计数法来书写。
八进制字面量的首数字必须是 0,其后的数字可以是任何八进制数字(0-7)。
要创建十六进制的字面量,首位数字必须为 0,后面接字母 x,然后是任意的十六进制数字(0 到 9 和 A 到 F)。这些字母可以是大写的,也可以是小写的。
要定义浮点值,必须包括小数点和小数点后的一位数字;对于浮点字面量,用它进行计算前,真正存储的是字符串。
三个特殊值:
Number.MAX_VALUE 和 Number.MIN_VALUE定义了 Number 值集合的外边界。
当计算生成的数值大于 Number.MAX_VALUE时,它将被赋予值 Number.POSITIVE_INFINITY;
当计算生成的数值小于 Number.MIN_VALUE时,它被赋予值 Number.NEGATIVE_INFINITY;
Number.POSITIVE_INFINITY 的值为 Infinity,表示无穷大,不能再用于其他计算;
Number.NEGATIVE_INFINITY 的值为 -Infinity
NaN,表示非数(Not a Number),当无法计算结果时用NaN表示,不能用于算术计算,它与自身不相等。

1.2.2 Boolean

Boolean类型有两个值 true 和 false,即使 false 不等于 0,0 也可以在必要时被转换成 false

1.2.3 null和undefined

值 undefined 实际上是从值null派生来的,JavaScript的设计者希望用null表示一个空的值,而undefined表示值未定义。事实证明,这并没有什么卵用,区分两者的意义不大。大多数情况下,我们都应该用null。

  1. alert(null == undefined); //输出 "true"

1.2.4 数组

JavaScript的数组可以包括任意数据类型

  1. var arr = [1, 2, 3.14, 'Hello', null, true];

1.2.5 对象

JavaScript的对象是一组由键-值组成的无序集合,例如:

  1. var person = {
  2. name: 'Bob',
  3. age: 20,
  4. tags: ['js', 'web', 'mobile'],
  5. city: 'Beijing',
  6. hasCar: true,
  7. zipcode: null
  8. };

1.2.6 比较

JavaScript允许对任意数据类型做比较
浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:

  1. 1 / 3 === (1 - 2 / 3); // false

JavaScript有两种比较运算符:
第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;
第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。
由于JavaScript这个设计,不要使用==比较,始终坚持使用===比较。
另一个例外是NaN这个特殊的Number与所有其他值都不相等,包括它自己

  1. alert(NaN == NaN); //输出 "false"

1.3 ECMAScript 原始类型

ECMAScript 有 5 种原始类型(primitive type),即 Undefined、Null、Boolean、Number 和 String。
String 类型是唯一没有固定大小的原始类型。字符串字面量是由双引号(")或单引号(')声明的。
另外一些ECMAScript 的字符字面量:

字面量 含义
\n 换行
\t 制表符
\b 空格
\r 回车
\f 换页符
\\ 反斜杠
\' 单引号
\" 双引号
\0nnn 八进制代码 nnn 表示的字符(n 是 0 到 7 中的一个八进制数字)
\xnn 十六进制代码 nn 表示的字符(n 是 0 到 F 中的一个十六进制数字)
\unnnn 十六进制代码 nnnn 表示的 Unicode 字符(n 是 0 到 F 中的一个十六进制数字)

1.3.1 转换

3 种主要的原始类型Boolean值、数字和字符串是伪对象,都有toString()方法。
Number 类型的 toString() 方法比较特殊,它有两种模式,即默认模式和基模式。
采用默认模式,toString()方法只是用相应的字符串输出十进制数字值(无论是整数、浮点数还是科学计数法),采用 Number 类型的 toString() 方法的基模式,可以用不同的基输出数字,例如二进制的基是 2,八进制的基是 8,十六进制的基是 16。

  1. var iNum = 10;
  2. alert(iNum.toString(2)); //输出 "1010"
  3. alert(iNum.toString(8)); //输出 "12"
  4. alert(iNum.toString(16)); //输出 "A"

String转数字
parseInt() 和 parseFloat()
只有对String类型调用这些方法,它们才能正确运行;对其他类型返回的都是NaN。
只有字符串中的第一个数字会被返回,允许开头和结尾有空格。

  1. var iNum1 = parseInt("12345red"); //返回 12345
  2. var iNum1 = parseInt("010"); //返回 8(ECMAScript v3)
  3. var iNum1 = parseInt("0xA"); //返回 10
  4. var iNum1 = parseInt("56.9"); //返回 56
  5. var iNum1 = parseInt("r123"); //返回 NaN

parseInt() 方法还有基模式,由第二个参数指定,该参数不能小于 2 或者大于 36。

  1. var iNum1 = parseInt("10", 2); //返回 2
  2. var iNum2 = parseInt("10", 8); //返回 8
  3. var iNum3 = parseInt("10", 10); //返回 10

1.3.2 ECMAScript 加性运算符“+”

三个特殊值不用于算术计算:
加法中某个运算数是NaN,那么结果为 NaN。
-Infinity 加 -Infinity,结果为 -Infinity。
Infinity 加 -Infinity,结果为 NaN。
+0 加 +0,结果为 +0。
-0 加 +0,结果为 +0。
-0 加 -0,结果为 -0。
如果有一个运算数是字符串,把另一个运算数转换成字符串,结果是两个字符串连接成的字符串。

数字或布尔值+布尔值,结果为数字(true转为1,false转为0)。
String+Boolean值,结果为String(Boolean值转为true或false)。

一元加法对数字无作用,但会把字符串转换成数字。

  1. var sNum = "20";
  2. var iNum = +sNum;
  3. alert(typeof iNum); //输出 "number"

1.3.3 减法运算符

减法中某个运算数是不是数字(NaN),那么结果为 NaN。
Infinity 减 Infinity,结果为 NaN。
-Infinity 减 -Infinity,结果为 NaN。
Infinity 减 -Infinity,结果为 Infinity。
-Infinity 减 Infinity,结果为 -Infinity。
+0 减 +0,结果为 +0。
-0 减 -0,结果为 -0。
+0 减 -0,结果为 +0。

1.3.4 typeof 运算符

除了typeof 运算符,其他运算符只能用于已声明的变量上.
对变量或值调用 typeof 运算符将返回下列值之一:

undefined - 如果变量是 Undefined类型的,Undefined类型只有一个值,即undefined(当声明的变量未初始化)
boolean - 如果变量是 Boolean 类型的
number - 如果变量是 Number 类型的
string - 如果变量是 String 类型的
object - 如果变量是一种引用类型或 Null 类型的

1.4 常用内置函数

[http://www.w3school.com.cn/jsref/jsref_obj_global.asp][4]
javascript常规函数包括以下9个函数:
(1)alert函数:显示一个警告对话框,包括一个OK按钮。
(2)confirm函数:显示一个确认对话框,包括OK、Cancel按钮。
(3)escape函数:将字符转换成Unicode码。
(4)eval函数:计算表达式的结果。
(5)isNaN函数:测试是(true)否(false)不是一个数字。
(6)parseFloat函数:将字符串转换成符点数字形式。
(7)parseInt函数:将符串转换成整数数字形式(可指定几进制)。
(8)prompt函数:显示一个输入对话框,提示等待用户输入。例如:

  1. alert("输入错误");
  2. prompt("请输入您的姓名","姓名");//(标题,预设值)
  3. confirm("确定否!");

(9)unescape函数:解码由escape函数编码的字符。

1.5 JavaScript 消息框

警告框alert

确认框confirm

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function show_confirm() {
  5. var r = confirm("Press a button!");
  6. if (r == true) {
  7. alert("You pressed OK!");
  8. }
  9. else {
  10. alert("You pressed Cancel!");
  11. }
  12. }
  13. </script>
  14. </head>
  15. <body>
  16. <input type="button" onclick="show_confirm()" value="Show a confirm box"/>
  17. </body>
  18. </html>

提示框prompt

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function disp_prompt() {
  5. var name = prompt("请输入您的名字", "Bill Gates")
  6. if (name != null && name != "") {
  7. document.write("你好!" + name + " 今天过得怎么样?")
  8. }
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <input type="button" onclick="disp_prompt()" value="显示提示框"/>
  14. </body>
  15. </html>

CSSabc.html

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>CSS</title>
  6. <style type="text/css">
  7. #div1{
  8. border-width: 2px;
  9. border-style: dashed;
  10. border-color: #1E90FF;
  11. padding: 15px;
  12. }
  13. .divs{
  14. border-width: 10px;
  15. border-style: solid;
  16. border-color: #FF8C00;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <h2><a href="../../html/htmlTag.html">主页</a></h2>
  22. <h3><a href="color.html">颜色列表</a></h3>
  23. <h3><a href="CSS浮动.html">CSS浮动</a></h3>
  24. <hr>
  25. <div id="div1">
  26. <div class="divs">1</div>
  27. <div style="width: 100px;height: 100px; border: 3px solid #D87093;background-color: gainsboro;position:relative;top:20px;left: 25px;z-index: -1;">div</div>
  28. <div class="divs">3</div>
  29. </div>
  30. </body>
  31. </html>

CSS浮动.html

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>CSS浮动</title>
  6. <style type="text/css">
  7. #divm{
  8. background: url("images/love.jpg");
  9. background-origin:content-box;
  10. background-position: center;
  11. background-size: auto;
  12. background-repeat: no-repeat;
  13. background-attachment: fixed;
  14. }
  15. </style>
  16. </head>
  17. <body style="height: 1080px;width: 100%;">
  18. <h2><a href="CSSabc.html">CSS index</a></h2>
  19. <div style="height:100%;width:80%;margin:10% auto;">
  20. <!--line-height=父height*当前height%-->
  21. <div style="width: 100%;height: 5%;line-height:50px;text-align: center;background-color: #1E90FF">top</div>
  22. <div style="width: 5%;height: 45%;line-height:450px;text-align: center;background-color:#B0E0E6;float: left;">left</div>
  23. <div style="width: 100%;height: 45%;line-height:450px;text-align: center;background-color: #D87093;" id="divm">none</div>
  24. <div style="width: 100%;height: 5%;line-height:50px;text-align: center;background-color: #C0C0C0">bottom</div>
  25. </div>
  26. <hr>
  27. </body>
  28. </html>

JavaScript.html

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>JavaScript</title>
  6. <script language="JavaScript" src="../../js/JavaScript.js"></script>
  7. </head>
  8. <body style="width: 100%;">
  9. <script>
  10. 'use strict';
  11. /* 'use strict'写在第一行,强制通过var申明变量,未使用var申明变量就使用的,将导致运行错误*/
  12. var txt = ""
  13. function myFunction() {
  14. try {
  15. var x = document.getElementById("demo").value;
  16. if (x == "" || isNaN(x)) {
  17. alert("Not Numeric");
  18. } else {
  19. console.log(x);
  20. }
  21. } catch (err) {
  22. txt = "本页中存在错误。\n\n" + "点击“确定”继续查看本页,\n" + "点击“取消”返回首页。\n\n"
  23. if (!confirm(txt)) {
  24. document.location.href = "../../html/htmlTag.html"
  25. }
  26. }
  27. }
  28. </script>
  29. <h2><a href="../../html/htmlTag.html">主页</a></h2>
  30. <div style="width: 80%;margin:10% auto;text-align: center;border-style: dashed;border-color: #1E90FF;border-width: 1px">
  31. <button onclick="alert(this.value);" value="a">显示警告框</button>
  32. <br>
  33. <input type="text" id="demo">
  34. <input type="button" onclick="myFunction();" value="数字判断"><br>
  35. <input type="button" onclick="alert(1 / 3 === (1 - 2/3))" value="浮点数运算误差(1 / 3 === (1 - 2/3))"><br>
  36. <input type="button" onclick="show_confirm()" value="显示确认框(confirm)"/>
  37. </div>
  38. </body>
  39. </html>

iframe1.html

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body style="width: 100%;">
  8. <div style="width: 60%;margin:20% auto;text-align: center;border-style: dashed;border-color: #1E90FF;border-width: 2px">
  9. 只有target为name时,才在框架内打
  10. </div>
  11. </body>
  12. </html>

内联框架.html

  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>内联框架</title>
  6. <style type="text/css">
  7. iframe{
  8. border-color: #CD853F;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <iframe src="color.html" width="1800" height="400" frameborder="0"></iframe>
  14. <hr>
  15. <a href="iframe1.html" target="iframe1">target为id时,在新标签页打开</a><br>
  16. <a href="iframe2.html" target="iframe2">target为name时,在框架内打开</a><br>
  17. <a href="iframe3.html" target="iframe3">target为name时,在框架内打开</a><br>
  18. <a href="iframe4.html" target="iframe4">target为name时,在框架内打开</a><br>
  19. <iframe id="iframe1" src="" frameborder="1" width="460" height="300"></iframe>
  20. <iframe name="iframe2" frameborder="1" width="460" height="300"></iframe>
  21. <iframe name="iframe3" frameborder="1" width="460" height="300"></iframe>
  22. <iframe name="iframe4" frameborder="1" width="460" height="300"></iframe>
  23. </body>
  24. </html>

颜色列表
color.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>颜色列表</title>
  6. <style type="text/css">
  7. .left{
  8. float: left;
  9. width: 45%;
  10. }
  11. .right{
  12. float: right;
  13. width: 47%;
  14. }
  15. .mm{
  16. float: left;
  17. text-align: left;
  18. font-size: 18px;
  19. width: 8%;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <div class="left">
  25. <table class="dataintable">
  26. <tbody>
  27. <tr>
  28. <th style="width:25%">颜色名</th>
  29. <th style="width:25%">十六进制颜色值</th>
  30. <th style="width:50%">颜色</th>
  31. </tr>
  32. <tr>
  33. <td>AliceBlue&nbsp;</td>
  34. <td>#F0F8FF</td>
  35. <td style="background-color:#F0F8FF">&nbsp;</td>
  36. </tr>
  37. <tr>
  38. <td>AntiqueWhite&nbsp;</td>
  39. <td>#FAEBD7</td>
  40. <td style="background-color:#FAEBD7">&nbsp;</td>
  41. </tr>
  42. <tr>
  43. <td>Aqua&nbsp;</td>
  44. <td>#00FFFF</td>
  45. <td style="background-color:#00FFFF">&nbsp;</td>
  46. </tr>
  47. <tr>
  48. <td>Aquamarine&nbsp;</td>
  49. <td>#7FFFD4</td>
  50. <td style="background-color:#7FFFD4">&nbsp;</td>
  51. </tr>
  52. <tr>
  53. <td>Azure&nbsp;</td>
  54. <td>#F0FFFF</td>
  55. <td style="background-color:#F0FFFF">&nbsp;</td>
  56. </tr>
  57. <tr>
  58. <td>Beige&nbsp;</td>
  59. <td>#F5F5DC</td>
  60. <td style="background-color:#F5F5DC">&nbsp;</td>
  61. </tr>
  62. <tr>
  63. <td>Bisque&nbsp;</td>
  64. <td>#FFE4C4</td>
  65. <td style="background-color:#FFE4C4">&nbsp;</td>
  66. </tr>
  67. <tr>
  68. <td>Black&nbsp;</td>
  69. <td>#000000</td>
  70. <td style="background-color:#000000">&nbsp;</td>
  71. </tr>
  72. <tr>
  73. <td>BlanchedAlmond&nbsp;</td>
  74. <td>#FFEBCD</td>
  75. <td style="background-color:#FFEBCD">&nbsp;</td>
  76. </tr>
  77. <tr>
  78. <td>Blue&nbsp;</td>
  79. <td>#0000FF</td>
  80. <td style="background-color:#0000FF">&nbsp;</td>
  81. </tr>
  82. <tr>
  83. <td>BlueViolet&nbsp;</td>
  84. <td>#8A2BE2</td>
  85. <td style="background-color:#8A2BE2">&nbsp;</td>
  86. </tr>
  87. <tr>
  88. <td>Brown&nbsp;</td>
  89. <td>#A52A2A</td>
  90. <td style="background-color:#A52A2A">&nbsp;</td>
  91. </tr>
  92. <tr>
  93. <td>BurlyWood&nbsp;</td>
  94. <td>#DEB887</td>
  95. <td style="background-color:#DEB887">&nbsp;</td>
  96. </tr>
  97. <tr>
  98. <td>CadetBlue&nbsp;</td>
  99. <td>#5F9EA0</td>
  100. <td style="background-color:#5F9EA0">&nbsp;</td>
  101. </tr>
  102. <tr>
  103. <td>Chartreuse&nbsp;</td>
  104. <td>#7FFF00</td>
  105. <td style="background-color:#7FFF00">&nbsp;</td>
  106. </tr>
  107. <tr>
  108. <td>Chocolate&nbsp;</td>
  109. <td>#D2691E</td>
  110. <td style="background-color:#D2691E">&nbsp;</td>
  111. </tr>
  112. <tr>
  113. <td>Coral&nbsp;</td>
  114. <td>#FF7F50</td>
  115. <td style="background-color:#FF7F50">&nbsp;</td>
  116. </tr>
  117. <tr>
  118. <td>CornflowerBlue&nbsp;</td>
  119. <td>#6495ED</td>
  120. <td style="background-color:#6495ED">&nbsp;</td>
  121. </tr>
  122. <tr>
  123. <td>Cornsilk&nbsp;</td>
  124. <td>#FFF8DC</td>
  125. <td style="background-color:#FFF8DC">&nbsp;</td>
  126. </tr>
  127. <tr>
  128. <td>Crimson&nbsp;</td>
  129. <td>#DC143C</td>
  130. <td style="background-color:#DC143C">&nbsp;</td>
  131. </tr>
  132. <tr>
  133. <td>Cyan&nbsp;</td>
  134. <td>#00FFFF</td>
  135. <td style="background-color:#00FFFF">&nbsp;</td>
  136. </tr>
  137. <tr>
  138. <td>DarkBlue&nbsp;</td>
  139. <td>#00008B</td>
  140. <td style="background-color:#00008B">&nbsp;</td>
  141. </tr>
  142. <tr>
  143. <td>DarkCyan&nbsp;</td>
  144. <td>#008B8B</td>
  145. <td style="background-color:#008B8B">&nbsp;</td>
  146. </tr>
  147. <tr>
  148. <td>DarkGoldenRod&nbsp;</td>
  149. <td>#B8860B</td>
  150. <td style="background-color:#B8860B">&nbsp;</td>
  151. </tr>
  152. <tr>
  153. <td>DarkGray&nbsp;</td>
  154. <td>#A9A9A9</td>
  155. <td style="background-color:#A9A9A9">&nbsp;</td>
  156. </tr>
  157. <tr>
  158. <td>DarkGreen&nbsp;</td>
  159. <td>#006400</td>
  160. <td style="background-color:#006400">&nbsp;</td>
  161. </tr>
  162. <tr>
  163. <td>DarkKhaki&nbsp;</td>
  164. <td>#BDB76B</td>
  165. <td style="background-color:#BDB76B">&nbsp;</td>
  166. </tr>
  167. <tr>
  168. <td>DarkMagenta&nbsp;</td>
  169. <td>#8B008B</td>
  170. <td style="background-color:#8B008B">&nbsp;</td>
  171. </tr>
  172. <tr>
  173. <td>DarkOliveGreen&nbsp;</td>
  174. <td>#556B2F</td>
  175. <td style="background-color:#556B2F">&nbsp;</td>
  176. </tr>
  177. <tr>
  178. <td>Darkorange&nbsp;</td>
  179. <td>#FF8C00</td>
  180. <td style="background-color:#FF8C00">&nbsp;</td>
  181. </tr>
  182. <tr>
  183. <td>DarkOrchid&nbsp;</td>
  184. <td>#9932CC</td>
  185. <td style="background-color:#9932CC">&nbsp;</td>
  186. </tr>
  187. <tr>
  188. <td>DarkRed&nbsp;</td>
  189. <td>#8B0000</td>
  190. <td style="background-color:#8B0000">&nbsp;</td>
  191. </tr>
  192. <tr>
  193. <td>DarkSalmon&nbsp;</td>
  194. <td>#E9967A</td>
  195. <td style="background-color:#E9967A">&nbsp;</td>
  196. </tr>
  197. <tr>
  198. <td>DarkSeaGreen&nbsp;</td>
  199. <td>#8FBC8F</td>
  200. <td style="background-color:#8FBC8F">&nbsp;</td>
  201. </tr>
  202. <tr>
  203. <td>DarkSlateBlue&nbsp;</td>
  204. <td>#483D8B</td>
  205. <td style="background-color:#483D8B">&nbsp;</td>
  206. </tr>
  207. <tr>
  208. <td>DarkSlateGray&nbsp;</td>
  209. <td>#2F4F4F</td>
  210. <td style="background-color:#2F4F4F">&nbsp;</td>
  211. </tr>
  212. <tr>
  213. <td>DarkTurquoise&nbsp;</td>
  214. <td>#00CED1</td>
  215. <td style="background-color:#00CED1">&nbsp;</td>
  216. </tr>
  217. <tr>
  218. <td>DarkViolet&nbsp;</td>
  219. <td>#9400D3</td>
  220. <td style="background-color:#9400D3">&nbsp;</td>
  221. </tr>
  222. <tr>
  223. <td>DeepPink&nbsp;</td>
  224. <td>#FF1493</td>
  225. <td style="background-color:#FF1493">&nbsp;</td>
  226. </tr>
  227. <tr>
  228. <td>DeepSkyBlue&nbsp;</td>
  229. <td>#00BFFF</td>
  230. <td style="background-color:#00BFFF">&nbsp;</td>
  231. </tr>
  232. <tr>
  233. <td>DimGray&nbsp;</td>
  234. <td>#696969</td>
  235. <td style="background-color:#696969">&nbsp;</td>
  236. </tr>
  237. <tr>
  238. <td>DodgerBlue&nbsp;</td>
  239. <td>#1E90FF</td>
  240. <td style="background-color:#1E90FF">&nbsp;</td>
  241. </tr>
  242. <tr>
  243. <td>Feldspar&nbsp;</td>
  244. <td>#D19275</td>
  245. <td style="background-color:#D19275">&nbsp;</td>
  246. </tr>
  247. <tr>
  248. <td>FireBrick&nbsp;</td>
  249. <td>#B22222</td>
  250. <td style="background-color:#B22222">&nbsp;</td>
  251. </tr>
  252. <tr>
  253. <td>FloralWhite&nbsp;</td>
  254. <td>#FFFAF0</td>
  255. <td style="background-color:#FFFAF0">&nbsp;</td>
  256. </tr>
  257. <tr>
  258. <td>ForestGreen&nbsp;</td>
  259. <td>#228B22</td>
  260. <td style="background-color:#228B22">&nbsp;</td>
  261. </tr>
  262. <tr>
  263. <td>Fuchsia&nbsp;</td>
  264. <td>#FF00FF</td>
  265. <td style="background-color:#FF00FF">&nbsp;</td>
  266. </tr>
  267. <tr>
  268. <td>Gainsboro&nbsp;</td>
  269. <td>#DCDCDC</td>
  270. <td style="background-color:#DCDCDC">&nbsp;</td>
  271. </tr>
  272. <tr>
  273. <td>GhostWhite&nbsp;</td>
  274. <td>#F8F8FF</td>
  275. <td style="background-color:#F8F8FF">&nbsp;</td>
  276. </tr>
  277. <tr>
  278. <td>Gold&nbsp;</td>
  279. <td>#FFD700</td>
  280. <td style="background-color:#FFD700">&nbsp;</td>
  281. </tr>
  282. <tr>
  283. <td>GoldenRod&nbsp;</td>
  284. <td>#DAA520</td>
  285. <td style="background-color:#DAA520">&nbsp;</td>
  286. </tr>
  287. <tr>
  288. <td>Gray&nbsp;</td>
  289. <td>#808080</td>
  290. <td style="background-color:#808080">&nbsp;</td>
  291. </tr>
  292. <tr>
  293. <td>Green&nbsp;</td>
  294. <td>#008000</td>
  295. <td style="background-color:#008000">&nbsp;</td>
  296. </tr>
  297. <tr>
  298. <td>GreenYellow&nbsp;</td>
  299. <td>#ADFF2F</td>
  300. <td style="background-color:#ADFF2F">&nbsp;</td>
  301. </tr>
  302. <tr>
  303. <td>HoneyDew&nbsp;</td>
  304. <td>#F0FFF0</td>
  305. <td style="background-color:#F0FFF0">&nbsp;</td>
  306. </tr>
  307. <tr>
  308. <td>HotPink&nbsp;</td>
  309. <td>#FF69B4</td>
  310. <td style="background-color:#FF69B4">&nbsp;</td>
  311. </tr>
  312. <tr>
  313. <td>IndianRed &nbsp;</td>
  314. <td>#CD5C5C</td>
  315. <td style="background-color:#CD5C5C">&nbsp;</td>
  316. </tr>
  317. <tr>
  318. <td>Indigo &nbsp;</td>
  319. <td>#4B0082</td>
  320. <td style="background-color:#4B0082">&nbsp;</td>
  321. </tr>
  322. <tr>
  323. <td>Ivory&nbsp;</td>
  324. <td>#FFFFF0</td>
  325. <td style="background-color:#FFFFF0">&nbsp;</td>
  326. </tr>
  327. <tr>
  328. <td>Khaki&nbsp;</td>
  329. <td>#F0E68C</td>
  330. <td style="background-color:#F0E68C">&nbsp;</td>
  331. </tr>
  332. <tr>
  333. <td>Lavender&nbsp;</td>
  334. <td>#E6E6FA</td>
  335. <td style="background-color:#E6E6FA">&nbsp;</td>
  336. </tr>
  337. <tr>
  338. <td>LavenderBlush&nbsp;</td>
  339. <td>#FFF0F5</td>
  340. <td style="background-color:#FFF0F5">&nbsp;</td>
  341. </tr>
  342. <tr>
  343. <td>LawnGreen&nbsp;</td>
  344. <td>#7CFC00</td>
  345. <td style="background-color:#7CFC00">&nbsp;</td>
  346. </tr>
  347. <tr>
  348. <td>LemonChiffon&nbsp;</td>
  349. <td>#FFFACD</td>
  350. <td style="background-color:#FFFACD">&nbsp;</td>
  351. </tr>
  352. <tr>
  353. <td>LightBlue&nbsp;</td>
  354. <td>#ADD8E6</td>
  355. <td style="background-color:#ADD8E6">&nbsp;</td>
  356. </tr>
  357. <tr>
  358. <td>LightCoral&nbsp;</td>
  359. <td>#F08080</td>
  360. <td style="background-color:#F08080">&nbsp;</td>
  361. </tr>
  362. <tr>
  363. <td>LightCyan&nbsp;</td>
  364. <td>#E0FFFF</td>
  365. <td style="background-color:#E0FFFF">&nbsp;</td>
  366. </tr>
  367. <tr>
  368. <td>LightGoldenRodYellow&nbsp;</td>
  369. <td>#FAFAD2</td>
  370. <td style="background-color:#FAFAD2">&nbsp;</td>
  371. </tr>
  372. <tr>
  373. <td>LightGrey&nbsp;</td>
  374. <td>#D3D3D3</td>
  375. <td style="background-color:#D3D3D3">&nbsp;</td>
  376. </tr>
  377. <tr>
  378. <td>LightGreen&nbsp;</td>
  379. <td>#90EE90</td>
  380. <td style="background-color:#90EE90">&nbsp;</td>
  381. </tr>
  382. <tr>
  383. <td>LightPink&nbsp;</td>
  384. <td>#FFB6C1</td>
  385. <td style="background-color:#FFB6C1">&nbsp;</td>
  386. </tr>
  387. <tr>
  388. <td>LightSalmon&nbsp;</td>
  389. <td>#FFA07A</td>
  390. <td style="background-color:#FFA07A">&nbsp;</td>
  391. </tr>
  392. <tr>
  393. <td>LightSeaGreen&nbsp;</td>
  394. <td>#20B2AA</td>
  395. <td style="background-color:#20B2AA">&nbsp;</td>
  396. </tr>
  397. <tr>
  398. <td>LightSkyBlue&nbsp;</td>
  399. <td>#87CEFA</td>
  400. <td style="background-color:#87CEFA">&nbsp;</td>
  401. </tr>
  402. <tr>
  403. <td>LightSlateBlue&nbsp;</td>
  404. <td>#8470FF</td>
  405. <td style="background-color:#8470FF">&nbsp;</td>
  406. </tr>
  407. <tr>
  408. <td>LightSlateGray&nbsp;</td>
  409. <td>#778899</td>
  410. <td style="background-color:#778899">&nbsp;</td>
  411. </tr>
  412. <tr>
  413. <td>LightSteelBlue&nbsp;</td>
  414. <td>#B0C4DE</td>
  415. <td style="background-color:#B0C4DE">&nbsp;</td>
  416. </tr>
  417. <tr>
  418. <td>LightYellow&nbsp;</td>
  419. <td>#FFFFE0</td>
  420. <td style="background-color:#FFFFE0">&nbsp;</td>
  421. </tr>
  422. <tr>
  423. <td>Lime&nbsp;</td>
  424. <td>#00FF00</td>
  425. <td style="background-color:#00FF00">&nbsp;</td>
  426. </tr>
  427. <tr>
  428. <td>LimeGreen&nbsp;</td>
  429. <td>#32CD32</td>
  430. <td style="background-color:#32CD32">&nbsp;</td>
  431. </tr>
  432. <tr>
  433. <td>Linen&nbsp;</td>
  434. <td>#FAF0E6</td>
  435. <td style="background-color:#FAF0E6">&nbsp;</td>
  436. </tr>
  437. <tr>
  438. <td>Magenta&nbsp;</td>
  439. <td>#FF00FF</td>
  440. <td style="background-color:#FF00FF">&nbsp;</td>
  441. </tr>
  442. <tr>
  443. <td>Maroon&nbsp;</td>
  444. <td>#800000</td>
  445. <td style="background-color:#800000">&nbsp;</td>
  446. </tr>
  447. <tr>
  448. <td>MediumAquaMarine&nbsp;</td>
  449. <td>#66CDAA</td>
  450. <td style="background-color:#66CDAA">&nbsp;</td>
  451. </tr>
  452. <tr>
  453. <td>MediumBlue&nbsp;</td>
  454. <td>#0000CD</td>
  455. <td style="background-color:#0000CD">&nbsp;</td>
  456. </tr>
  457. <tr>
  458. <td>MediumOrchid&nbsp;</td>
  459. <td>#BA55D3</td>
  460. <td style="background-color:#BA55D3">&nbsp;</td>
  461. </tr>
  462. <tr>
  463. <td>MediumPurple&nbsp;</td>
  464. <td>#9370D8</td>
  465. <td style="background-color:#9370D8">&nbsp;</td>
  466. </tr>
  467. <tr>
  468. <td>MediumSeaGreen&nbsp;</td>
  469. <td>#3CB371</td>
  470. <td style="background-color:#3CB371">&nbsp;</td>
  471. </tr>
  472. <tr>
  473. <td>MediumSlateBlue&nbsp;</td>
  474. <td>#7B68EE</td>
  475. <td style="background-color:#7B68EE">&nbsp;</td>
  476. </tr>
  477. <tr>
  478. <td>MediumSpringGreen&nbsp;</td>
  479. <td>#00FA9A</td>
  480. <td style="background-color:#00FA9A">&nbsp;</td>
  481. </tr>
  482. <tr>
  483. <td>MediumTurquoise&nbsp;</td>
  484. <td>#48D1CC</td>
  485. <td style="background-color:#48D1CC">&nbsp;</td>
  486. </tr>
  487. <tr>
  488. <td>MediumVioletRed&nbsp;</td>
  489. <td>#C71585</td>
  490. <td style="background-color:#C71585">&nbsp;</td>
  491. </tr>
  492. <tr>
  493. <td>MidnightBlue&nbsp;</td>
  494. <td>#191970</td>
  495. <td style="background-color:#191970">&nbsp;</td>
  496. </tr>
  497. <tr>
  498. <td>MintCream&nbsp;</td>
  499. <td>#F5FFFA</td>
  500. <td style="background-color:#F5FFFA">&nbsp;</td>
  501. </tr>
  502. <tr>
  503. <td>MistyRose&nbsp;</td>
  504. <td>#FFE4E1</td>
  505. <td style="background-color:#FFE4E1">&nbsp;</td>
  506. </tr>
  507. <tr>
  508. <td>Moccasin&nbsp;</td>
  509. <td>#FFE4B5</td>
  510. <td style="background-color:#FFE4B5">&nbsp;</td>
  511. </tr>
  512. <tr>
  513. <td>NavajoWhite&nbsp;</td>
  514. <td>#FFDEAD</td>
  515. <td style="background-color:#FFDEAD">&nbsp;</td>
  516. </tr>
  517. <tr>
  518. <td>Navy&nbsp;</td>
  519. <td>#000080</td>
  520. <td style="background-color:#000080">&nbsp;</td>
  521. </tr>
  522. <tr>
  523. <td>OldLace&nbsp;</td>
  524. <td>#FDF5E6</td>
  525. <td style="background-color:#FDF5E6">&nbsp;</td>
  526. </tr>
  527. <tr>
  528. <td>Olive&nbsp;</td>
  529. <td>#808000</td>
  530. <td style="background-color:#808000">&nbsp;</td>
  531. </tr>
  532. <tr>
  533. <td>OliveDrab&nbsp;</td>
  534. <td>#6B8E23</td>
  535. <td style="background-color:#6B8E23">&nbsp;</td>
  536. </tr>
  537. <tr>
  538. <td>Orange&nbsp;</td>
  539. <td>#FFA500</td>
  540. <td style="background-color:#FFA500">&nbsp;</td>
  541. </tr>
  542. <tr>
  543. <td>OrangeRed&nbsp;</td>
  544. <td>#FF4500</td>
  545. <td style="background-color:#FF4500">&nbsp;</td>
  546. </tr>
  547. <tr>
  548. <td>Orchid&nbsp;</td>
  549. <td>#DA70D6</td>
  550. <td style="background-color:#DA70D6">&nbsp;</td>
  551. </tr>
  552. <tr>
  553. <td>PaleGoldenRod&nbsp;</td>
  554. <td>#EEE8AA</td>
  555. <td style="background-color:#EEE8AA">&nbsp;</td>
  556. </tr>
  557. <tr>
  558. <td>PaleGreen&nbsp;</td>
  559. <td>#98FB98</td>
  560. <td style="background-color:#98FB98">&nbsp;</td>
  561. </tr>
  562. <tr>
  563. <td>PaleTurquoise&nbsp;</td>
  564. <td>#AFEEEE</td>
  565. <td style="background-color:#AFEEEE">&nbsp;</td>
  566. </tr>
  567. <tr>
  568. <td>PaleVioletRed&nbsp;</td>
  569. <td>#D87093</td>
  570. <td style="background-color:#D87093">&nbsp;</td>
  571. </tr>
  572. <tr>
  573. <td>PapayaWhip&nbsp;</td>
  574. <td>#FFEFD5</td>
  575. <td style="background-color:#FFEFD5">&nbsp;</td>
  576. </tr>
  577. <tr>
  578. <td>PeachPuff&nbsp;</td>
  579. <td>#FFDAB9</td>
  580. <td style="background-color:#FFDAB9">&nbsp;</td>
  581. </tr>
  582. <tr>
  583. <td>Peru&nbsp;</td>
  584. <td>#CD853F</td>
  585. <td style="background-color:#CD853F">&nbsp;</td>
  586. </tr>
  587. <tr>
  588. <td>Pink&nbsp;</td>
  589. <td>#FFC0CB</td>
  590. <td style="background-color:#FFC0CB">&nbsp;</td>
  591. </tr>
  592. <tr>
  593. <td>Plum&nbsp;</td>
  594. <td>#DDA0DD</td>
  595. <td style="background-color:#DDA0DD">&nbsp;</td>
  596. </tr>
  597. <tr>
  598. <td>PowderBlue&nbsp;</td>
  599. <td>#B0E0E6</td>
  600. <td style="background-color:#B0E0E6">&nbsp;</td>
  601. </tr>
  602. <tr>
  603. <td>Purple&nbsp;</td>
  604. <td>#800080</td>
  605. <td style="background-color:#800080">&nbsp;</td>
  606. </tr>
  607. <tr>
  608. <td>Red&nbsp;</td>
  609. <td>#FF0000</td>
  610. <td style="background-color:#FF0000">&nbsp;</td>
  611. </tr>
  612. <tr>
  613. <td>RosyBrown&nbsp;</td>
  614. <td>#BC8F8F</td>
  615. <td style="background-color:#BC8F8F">&nbsp;</td>
  616. </tr>
  617. <tr>
  618. <td>RoyalBlue&nbsp;</td>
  619. <td>#4169E1</td>
  620. <td style="background-color:#4169E1">&nbsp;</td>
  621. </tr>
  622. <tr>
  623. <td>SaddleBrown&nbsp;</td>
  624. <td>#8B4513</td>
  625. <td style="background-color:#8B4513">&nbsp;</td>
  626. </tr>
  627. <tr>
  628. <td>Salmon&nbsp;</td>
  629. <td>#FA8072</td>
  630. <td style="background-color:#FA8072">&nbsp;</td>
  631. </tr>
  632. <tr>
  633. <td>SandyBrown&nbsp;</td>
  634. <td>#F4A460</td>
  635. <td style="background-color:#F4A460">&nbsp;</td>
  636. </tr>
  637. <tr>
  638. <td>SeaGreen&nbsp;</td>
  639. <td>#2E8B57</td>
  640. <td style="background-color:#2E8B57">&nbsp;</td>
  641. </tr>
  642. <tr>
  643. <td>SeaShell&nbsp;</td>
  644. <td>#FFF5EE</td>
  645. <td style="background-color:#FFF5EE">&nbsp;</td>
  646. </tr>
  647. <tr>
  648. <td>Sienna&nbsp;</td>
  649. <td>#A0522D</td>
  650. <td style="background-color:#A0522D">&nbsp;</td>
  651. </tr>
  652. <tr>
  653. <td>Silver&nbsp;</td>
  654. <td>#C0C0C0</td>
  655. <td style="background-color:#C0C0C0">&nbsp;</td>
  656. </tr>
  657. <tr>
  658. <td>SkyBlue&nbsp;</td>
  659. <td>#87CEEB</td>
  660. <td style="background-color:#87CEEB">&nbsp;</td>
  661. </tr>
  662. <tr>
  663. <td>SlateBlue&nbsp;</td>
  664. <td>#6A5ACD</td>
  665. <td style="background-color:#6A5ACD">&nbsp;</td>
  666. </tr>
  667. <tr>
  668. <td>SlateGray&nbsp;</td>
  669. <td>#708090</td>
  670. <td style="background-color:#708090">&nbsp;</td>
  671. </tr>
  672. <tr>
  673. <td>Snow&nbsp;</td>
  674. <td>#FFFAFA</td>
  675. <td style="background-color:#FFFAFA">&nbsp;</td>
  676. </tr>
  677. <tr>
  678. <td>SpringGreen&nbsp;</td>
  679. <td>#00FF7F</td>
  680. <td style="background-color:#00FF7F">&nbsp;</td>
  681. </tr>
  682. <tr>
  683. <td>SteelBlue&nbsp;</td>
  684. <td>#4682B4</td>
  685. <td style="background-color:#4682B4">&nbsp;</td>
  686. </tr>
  687. <tr>
  688. <td>Tan&nbsp;</td>
  689. <td>#D2B48C</td>
  690. <td style="background-color:#D2B48C">&nbsp;</td>
  691. </tr>
  692. <tr>
  693. <td>Teal&nbsp;</td>
  694. <td>#008080</td>
  695. <td style="background-color:#008080">&nbsp;</td>
  696. </tr>
  697. <tr>
  698. <td>Thistle&nbsp;</td>
  699. <td>#D8BFD8</td>
  700. <td style="background-color:#D8BFD8">&nbsp;</td>
  701. </tr>
  702. <tr>
  703. <td>Tomato&nbsp;</td>
  704. <td>#FF6347</td>
  705. <td style="background-color:#FF6347">&nbsp;</td>
  706. </tr>
  707. <tr>
  708. <td>Turquoise&nbsp;</td>
  709. <td>#40E0D0</td>
  710. <td style="background-color:#40E0D0">&nbsp;</td>
  711. </tr>
  712. <tr>
  713. <td>Violet&nbsp;</td>
  714. <td>#EE82EE</td>
  715. <td style="background-color:#EE82EE">&nbsp;</td>
  716. </tr>
  717. <tr>
  718. <td>VioletRed&nbsp;</td>
  719. <td>#D02090</td>
  720. <td style="background-color:#D02090">&nbsp;</td>
  721. </tr>
  722. <tr>
  723. <td>Wheat&nbsp;</td>
  724. <td>#F5DEB3</td>
  725. <td style="background-color:#F5DEB3">&nbsp;</td>
  726. </tr>
  727. <tr>
  728. <td>White&nbsp;</td>
  729. <td>#FFFFFF</td>
  730. <td style="background-color:#FFFFFF">&nbsp;</td>
  731. </tr>
  732. <tr>
  733. <td>WhiteSmoke&nbsp;</td>
  734. <td>#F5F5F5</td>
  735. <td style="background-color:#F5F5F5">&nbsp;</td>
  736. </tr>
  737. <tr>
  738. <td>Yellow&nbsp;</td>
  739. <td>#FFFF00</td>
  740. <td style="background-color:#FFFF00">&nbsp;</td>
  741. </tr>
  742. <tr>
  743. <td>YellowGreen&nbsp;</td>
  744. <td>#9ACD32</td>
  745. <td style="background-color:#9ACD32">&nbsp;</td>
  746. </tr>
  747. </tbody>
  748. </table>
  749. </div>
  750. <div class="mm">---翻译----&gt;</div>
  751. <div class="right">
  752. <table>
  753. <tbody>
  754. <tr>
  755. <th style="width:25%">颜色名</th>
  756. <th style="width:25%">十六进制颜色值</th>
  757. <th style="width:50%">颜色</th>
  758. </tr>
  759. <tr>
  760. <td>艾莉斯蓝&nbsp;</td>
  761. <td>#F0F8FF</td>
  762. <td style="background-color:#F0F8FF">&nbsp;</td>
  763. </tr>
  764. <tr>
  765. <td>古董白&nbsp;</td>
  766. <td>#FAEBD7</td>
  767. <td style="background-color:#FAEBD7">&nbsp;</td>
  768. </tr>
  769. <tr>
  770. <td>水族&nbsp;</td>
  771. <td>#00FFFF</td>
  772. <td style="background-color:#00FFFF">&nbsp;</td>
  773. </tr>
  774. <tr>
  775. <td>蓝晶&nbsp;</td>
  776. <td>#7FFFD4</td>
  777. <td style="background-color:#7FFFD4">&nbsp;</td>
  778. </tr>
  779. <tr>
  780. <td>天蓝&nbsp;</td>
  781. <td>#F0FFFF</td>
  782. <td style="background-color:#F0FFFF">&nbsp;</td>
  783. </tr>
  784. <tr>
  785. <td>米色&nbsp;</td>
  786. <td>#F5F5DC</td>
  787. <td style="background-color:#F5F5DC">&nbsp;</td>
  788. </tr>
  789. <tr>
  790. <td>浓汤&nbsp;</td>
  791. <td>#FFE4C4</td>
  792. <td style="background-color:#FFE4C4">&nbsp;</td>
  793. </tr>
  794. <tr>
  795. <td>黑色&nbsp;</td>
  796. <td>#000000</td>
  797. <td style="background-color:#000000">&nbsp;</td>
  798. </tr>
  799. <tr>
  800. <td>杏仁白&nbsp;</td>
  801. <td>#FFEBCD</td>
  802. <td style="background-color:#FFEBCD">&nbsp;</td>
  803. </tr>
  804. <tr>
  805. <td>蓝色&nbsp;</td>
  806. <td>#0000FF</td>
  807. <td style="background-color:#0000FF">&nbsp;</td>
  808. </tr>
  809. <tr>
  810. <td>紫罗兰色&nbsp;</td>
  811. <td>#8A2BE2</td>
  812. <td style="background-color:#8A2BE2">&nbsp;</td>
  813. </tr>
  814. <tr>
  815. <td>棕色&nbsp;</td>
  816. <td>#A52A2A</td>
  817. <td style="background-color:#A52A2A">&nbsp;</td>
  818. </tr>
  819. <tr>
  820. <td>原木色&nbsp;</td>
  821. <td>#DEB887</td>
  822. <td style="background-color:#DEB887">&nbsp;</td>
  823. </tr>
  824. <tr>
  825. <td>藏青&nbsp;</td>
  826. <td>#5F9EA0</td>
  827. <td style="background-color:#5F9EA0">&nbsp;</td>
  828. </tr>
  829. <tr>
  830. <td>黄绿色&nbsp;</td>
  831. <td>#7FFF00</td>
  832. <td style="background-color:#7FFF00">&nbsp;</td>
  833. </tr>
  834. <tr>
  835. <td>巧克力&nbsp;</td>
  836. <td>#D2691E</td>
  837. <td style="background-color:#D2691E">&nbsp;</td>
  838. </tr>
  839. <tr>
  840. <td>珊瑚&nbsp;</td>
  841. <td>#FF7F50</td>
  842. <td style="background-color:#FF7F50">&nbsp;</td>
  843. </tr>
  844. <tr>
  845. <td>矢菊花&nbsp;</td>
  846. <td>#6495ED</td>
  847. <td style="background-color:#6495ED">&nbsp;</td>
  848. </tr>
  849. <tr>
  850. <td>玉米穗黄&nbsp;</td>
  851. <td>#FFF8DC</td>
  852. <td style="background-color:#FFF8DC">&nbsp;</td>
  853. </tr>
  854. <tr>
  855. <td>赤红&nbsp;</td>
  856. <td>#DC143C</td>
  857. <td style="background-color:#DC143C">&nbsp;</td>
  858. </tr>
  859. <tr>
  860. <td>青色&nbsp;</td>
  861. <td>#00FFFF</td>
  862. <td style="background-color:#00FFFF">&nbsp;</td>
  863. </tr>
  864. <tr>
  865. <td>深蓝&nbsp;</td>
  866. <td>#00008B</td>
  867. <td style="background-color:#00008B">&nbsp;</td>
  868. </tr>
  869. <tr>
  870. <td>深青绿&nbsp;</td>
  871. <td>#008B8B</td>
  872. <td style="background-color:#008B8B">&nbsp;</td>
  873. </tr>
  874. <tr>
  875. <td>深金黄&nbsp;</td>
  876. <td>#B8860B</td>
  877. <td style="background-color:#B8860B">&nbsp;</td>
  878. </tr>
  879. <tr>
  880. <td>深灰色&nbsp;</td>
  881. <td>#A9A9A9</td>
  882. <td style="background-color:#A9A9A9">&nbsp;</td>
  883. </tr>
  884. <tr>
  885. <td>深绿色&nbsp;</td>
  886. <td>#006400</td>
  887. <td style="background-color:#006400">&nbsp;</td>
  888. </tr>
  889. <tr>
  890. <td>深卡其色&nbsp;</td>
  891. <td>#BDB76B</td>
  892. <td style="background-color:#BDB76B">&nbsp;</td>
  893. </tr>
  894. <tr>
  895. <td>深洋红&nbsp;</td>
  896. <td>#8B008B</td>
  897. <td style="background-color:#8B008B">&nbsp;</td>
  898. </tr>
  899. <tr>
  900. <td>深橄榄绿&nbsp;</td>
  901. <td>#556B2F</td>
  902. <td style="background-color:#556B2F">&nbsp;</td>
  903. </tr>
  904. <tr>
  905. <td>深橙&nbsp;</td>
  906. <td>#FF8C00</td>
  907. <td style="background-color:#FF8C00">&nbsp;</td>
  908. </tr>
  909. <tr>
  910. <td>深兰花紫&nbsp;</td>
  911. <td>#9932CC</td>
  912. <td style="background-color:#9932CC">&nbsp;</td>
  913. </tr>
  914. <tr>
  915. <td>深红&nbsp;</td>
  916. <td>#8B0000</td>
  917. <td style="background-color:#8B0000">&nbsp;</td>
  918. </tr>
  919. <tr>
  920. <td>深橙红&nbsp;</td>
  921. <td>#E9967A</td>
  922. <td style="background-color:#E9967A">&nbsp;</td>
  923. </tr>
  924. <tr>
  925. <td>海藻绿&nbsp;</td>
  926. <td>#8FBC8F</td>
  927. <td style="background-color:#8FBC8F">&nbsp;</td>
  928. </tr>
  929. <tr>
  930. <td>深青蓝&nbsp;</td>
  931. <td>#483D8B</td>
  932. <td style="background-color:#483D8B">&nbsp;</td>
  933. </tr>
  934. <tr>
  935. <td>深青灰&nbsp;</td>
  936. <td>#2F4F4F</td>
  937. <td style="background-color:#2F4F4F">&nbsp;</td>
  938. </tr>
  939. <tr>
  940. <td>darkturquois到&nbsp;</td>
  941. <td>#00CED1</td>
  942. <td style="background-color:#00CED1">&nbsp;</td>
  943. </tr>
  944. <tr>
  945. <td>深紫&nbsp;</td>
  946. <td>#9400D3</td>
  947. <td style="background-color:#9400D3">&nbsp;</td>
  948. </tr>
  949. <tr>
  950. <td>深粉红&nbsp;</td>
  951. <td>#FF1493</td>
  952. <td style="background-color:#FF1493">&nbsp;</td>
  953. </tr>
  954. <tr>
  955. <td>深天蓝&nbsp;</td>
  956. <td>#00BFFF</td>
  957. <td style="background-color:#00BFFF">&nbsp;</td>
  958. </tr>
  959. <tr>
  960. <td>暗灰&nbsp;</td>
  961. <td>#696969</td>
  962. <td style="background-color:#696969">&nbsp;</td>
  963. </tr>
  964. <tr>
  965. <td>宝蓝&nbsp;</td>
  966. <td>#1E90FF</td>
  967. <td style="background-color:#1E90FF">&nbsp;</td>
  968. </tr>
  969. <tr>
  970. <td>长石&nbsp;</td>
  971. <td>#D19275</td>
  972. <td style="background-color:#D19275">&nbsp;</td>
  973. </tr>
  974. <tr>
  975. <td>耐火砖&nbsp;</td>
  976. <td>#B22222</td>
  977. <td style="background-color:#B22222">&nbsp;</td>
  978. </tr>
  979. <tr>
  980. <td>花白&nbsp;</td>
  981. <td>#FFFAF0</td>
  982. <td style="background-color:#FFFAF0">&nbsp;</td>
  983. </tr>
  984. <tr>
  985. <td>森林绿&nbsp;</td>
  986. <td>#228B22</td>
  987. <td style="background-color:#228B22">&nbsp;</td>
  988. </tr>
  989. <tr>
  990. <td>紫红色&nbsp;</td>
  991. <td>#FF00FF</td>
  992. <td style="background-color:#FF00FF">&nbsp;</td>
  993. </tr>
  994. <tr>
  995. <td>亮灰&nbsp;</td>
  996. <td>#DCDCDC</td>
  997. <td style="background-color:#DCDCDC">&nbsp;</td>
  998. </tr>
  999. <tr>
  1000. <td>GhostWhite&nbsp;</td>
  1001. <td>#F8F8FF</td>
  1002. <td style="background-color:#F8F8FF">&nbsp;</td>
  1003. </tr>
  1004. <tr>
  1005. <td>金&nbsp;</td>
  1006. <td>#FFD700</td>
  1007. <td style="background-color:#FFD700">&nbsp;</td>
  1008. </tr>
  1009. <tr>
  1010. <td>黄花&nbsp;</td>
  1011. <td>#DAA520</td>
  1012. <td style="background-color:#DAA520">&nbsp;</td>
  1013. </tr>
  1014. <tr>
  1015. <td>灰色&nbsp;</td>
  1016. <td>#808080</td>
  1017. <td style="background-color:#808080">&nbsp;</td>
  1018. </tr>
  1019. <tr>
  1020. <td>绿色&nbsp;</td>
  1021. <td>#008000</td>
  1022. <td style="background-color:#008000">&nbsp;</td>
  1023. </tr>
  1024. <tr>
  1025. <td>黄绿色&nbsp;</td>
  1026. <td>#ADFF2F</td>
  1027. <td style="background-color:#ADFF2F">&nbsp;</td>
  1028. </tr>
  1029. <tr>
  1030. <td>甘露&nbsp;</td>
  1031. <td>#F0FFF0</td>
  1032. <td style="background-color:#F0FFF0">&nbsp;</td>
  1033. </tr>
  1034. <tr>
  1035. <td>亮粉色&nbsp;</td>
  1036. <td>#FF69B4</td>
  1037. <td style="background-color:#FF69B4">&nbsp;</td>
  1038. </tr>
  1039. <tr>
  1040. <td>印地安 &nbsp;</td>
  1041. <td>#CD5C5C</td>
  1042. <td style="background-color:#CD5C5C">&nbsp;</td>
  1043. </tr>
  1044. <tr>
  1045. <td>靛青 &nbsp;</td>
  1046. <td>#4B0082</td>
  1047. <td style="background-color:#4B0082">&nbsp;</td>
  1048. </tr>
  1049. <tr>
  1050. <td>象牙&nbsp;</td>
  1051. <td>#FFFFFF0</td>
  1052. <td style="background-color:#FFFFF0">&nbsp;</td>
  1053. </tr>
  1054. <tr>
  1055. <td>黄褐色&nbsp;</td>
  1056. <td>#F0E68C</td>
  1057. <td style="background-color:#F0E68C">&nbsp;</td>
  1058. </tr>
  1059. <tr>
  1060. <td>薰衣草&nbsp;</td>
  1061. <td>#E6E6FA</td>
  1062. <td style="background-color:#E6E6FA">&nbsp;</td>
  1063. </tr>
  1064. <tr>
  1065. <td>淡紫&nbsp;</td>
  1066. <td>#FFF0F5</td>
  1067. <td style="background-color:#FFF0F5">&nbsp;</td>
  1068. </tr>
  1069. <tr>
  1070. <td>草绿&nbsp;</td>
  1071. <td>#7CFC00</td>
  1072. <td style="background-color:#7CFC00">&nbsp;</td>
  1073. </tr>
  1074. <tr>
  1075. <td>粉黄&nbsp;</td>
  1076. <td>#FFFACD</td>
  1077. <td style="background-color:#FFFACD">&nbsp;</td>
  1078. </tr>
  1079. <tr>
  1080. <td>浅蓝&nbsp;</td>
  1081. <td>#ADD8E6</td>
  1082. <td style="background-color:#ADD8E6">&nbsp;</td>
  1083. </tr>
  1084. <tr>
  1085. <td>浅珊瑚红&nbsp;</td>
  1086. <td>#F08080</td>
  1087. <td style="background-color:#F08080">&nbsp;</td>
  1088. </tr>
  1089. <tr>
  1090. <td>浅青绿&nbsp;</td>
  1091. <td>#E0FFFF</td>
  1092. <td style="background-color:#E0FFFF">&nbsp;</td>
  1093. </tr>
  1094. <tr>
  1095. <td>浅金黄&nbsp;</td>
  1096. <td>#FAFAD2</td>
  1097. <td style="background-color:#FAFAD2">&nbsp;</td>
  1098. </tr>
  1099. <tr>
  1100. <td>浅灰色&nbsp;</td>
  1101. <td>#D3D3D3</td>
  1102. <td style="background-color:#D3D3D3">&nbsp;</td>
  1103. </tr>
  1104. <tr>
  1105. <td>浅绿&nbsp;</td>
  1106. <td>#90EE90</td>
  1107. <td style="background-color:#90EE90">&nbsp;</td>
  1108. </tr>
  1109. <tr>
  1110. <td>浅粉红&nbsp;</td>
  1111. <td>#FFB6C1</td>
  1112. <td style="background-color:#FFB6C1">&nbsp;</td>
  1113. </tr>
  1114. <tr>
  1115. <td>橙红&nbsp;</td>
  1116. <td>#FFA07A</td>
  1117. <td style="background-color:#FFA07A">&nbsp;</td>
  1118. </tr>
  1119. <tr>
  1120. <td>海藻绿&nbsp;</td>
  1121. <td>#20B2AA</td>
  1122. <td style="background-color:#20B2AA">&nbsp;</td>
  1123. </tr>
  1124. <tr>
  1125. <td>天蓝&nbsp;</td>
  1126. <td>#87CEFA</td>
  1127. <td style="background-color:#87CEFA">&nbsp;</td>
  1128. </tr>
  1129. <tr>
  1130. <td>LightSlateBlue&nbsp;</td>
  1131. <td>#8470FF</td>
  1132. <td style="background-color:#8470FF">&nbsp;</td>
  1133. </tr>
  1134. <tr>
  1135. <td>青灰&nbsp;</td>
  1136. <td>#778899</td>
  1137. <td style="background-color:#778899">&nbsp;</td>
  1138. </tr>
  1139. <tr>
  1140. <td>浅钢&nbsp;</td>
  1141. <td>#B0C4DE</td>
  1142. <td style="background-color:#B0C4DE">&nbsp;</td>
  1143. </tr>
  1144. <tr>
  1145. <td>浅黄色&nbsp;</td>
  1146. <td>#FFFF0</td>
  1147. <td style="background-color:#FFFFE0">&nbsp;</td>
  1148. </tr>
  1149. <tr>
  1150. <td>青柠&nbsp;</td>
  1151. <td>#00FF00</td>
  1152. <td style="background-color:#00FF00">&nbsp;</td>
  1153. </tr>
  1154. <tr>
  1155. <td>暗绿&nbsp;</td>
  1156. <td>#32CD32</td>
  1157. <td style="background-color:#32CD32">&nbsp;</td>
  1158. </tr>
  1159. <tr>
  1160. <td>麻布&nbsp;</td>
  1161. <td>#FAF0E6</td>
  1162. <td style="background-color:#FAF0E6">&nbsp;</td>
  1163. </tr>
  1164. <tr>
  1165. <td>Magenta&nbsp;</td>
  1166. <td>#FF00FF</td>
  1167. <td style="background-color:#FF00FF">&nbsp;</td>
  1168. </tr>
  1169. <tr>
  1170. <td>Maroon&nbsp;</td>
  1171. <td>#800000</td>
  1172. <td style="background-color:#800000">&nbsp;</td>
  1173. </tr>
  1174. <tr>
  1175. <td>MediumAquaMarine&nbsp;</td>
  1176. <td>#66CDAA</td>
  1177. <td style="background-color:#66CDAA">&nbsp;</td>
  1178. </tr>
  1179. <tr>
  1180. <td>MediumBlue&nbsp;</td>
  1181. <td>#0000CD</td>
  1182. <td style="background-color:#0000CD">&nbsp;</td>
  1183. </tr>
  1184. <tr>
  1185. <td>MediumOrchid&nbsp;</td>
  1186. <td>#BA55D3</td>
  1187. <td style="background-color:#BA55D3">&nbsp;</td>
  1188. </tr>
  1189. <tr>
  1190. <td>MediumPurple&nbsp;</td>
  1191. <td>#9370D8</td>
  1192. <td style="background-color:#9370D8">&nbsp;</td>
  1193. </tr>
  1194. <tr>
  1195. <td>MediumSeaGreen&nbsp;</td>
  1196. <td>#3CB371</td>
  1197. <td style="background-color:#3CB371">&nbsp;</td>
  1198. </tr>
  1199. <tr>
  1200. <td>MediumSlateBlue&nbsp;</td>
  1201. <td>#7B68EE</td>
  1202. <td style="background-color:#7B68EE">&nbsp;</td>
  1203. </tr>
  1204. <tr>
  1205. <td>MediumSpringGreen&nbsp;</td>
  1206. <td>#00FA9A</td>
  1207. <td style="background-color:#00FA9A">&nbsp;</td>
  1208. </tr>
  1209. <tr>
  1210. <td>MediumTurquoise&nbsp;</td>
  1211. <td>#48D1CC</td>
  1212. <td style="background-color:#48D1CC">&nbsp;</td>
  1213. </tr>
  1214. <tr>
  1215. <td>MediumVioletRed&nbsp;</td>
  1216. <td>#C71585</td>
  1217. <td style="background-color:#C71585">&nbsp;</td>
  1218. </tr>
  1219. <tr>
  1220. <td>MidnightBlue&nbsp;</td>
  1221. <td>#191970</td>
  1222. <td style="background-color:#191970">&nbsp;</td>
  1223. </tr>
  1224. <tr>
  1225. <td>MintCream&nbsp;</td>
  1226. <td>#F5FFFA</td>
  1227. <td style="background-color:#F5FFFA">&nbsp;</td>
  1228. </tr>
  1229. <tr>
  1230. <td>MistyRose&nbsp;</td>
  1231. <td>#FFE4E1</td>
  1232. <td style="background-color:#FFE4E1">&nbsp;</td>
  1233. </tr>
  1234. <tr>
  1235. <td>Moccasin&nbsp;</td>
  1236. <td>#FFE4B5</td>
  1237. <td style="background-color:#FFE4B5">&nbsp;</td>
  1238. </tr>
  1239. <tr>
  1240. <td>NavajoWhite&nbsp;</td>
  1241. <td>#FFDEAD</td>
  1242. <td style="background-color:#FFDEAD">&nbsp;</td>
  1243. </tr>
  1244. <tr>
  1245. <td>Navy&nbsp;</td>
  1246. <td>#000080</td>
  1247. <td style="background-color:#000080">&nbsp;</td>
  1248. </tr>
  1249. <tr>
  1250. <td>OldLace&nbsp;</td>
  1251. <td>#FDF5E6</td>
  1252. <td style="background-color:#FDF5E6">&nbsp;</td>
  1253. </tr>
  1254. <tr>
  1255. <td>Olive&nbsp;</td>
  1256. <td>#808000</td>
  1257. <td style="background-color:#808000">&nbsp;</td>
  1258. </tr>
  1259. <tr>
  1260. <td>OliveDrab&nbsp;</td>
  1261. <td>#6B8E23</td>
  1262. <td style="background-color:#6B8E23">&nbsp;</td>
  1263. </tr>
  1264. <tr>
  1265. <td>Orange&nbsp;</td>
  1266. <td>#FFA500</td>
  1267. <td style="background-color:#FFA500">&nbsp;</td>
  1268. </tr>
  1269. <tr>
  1270. <td>OrangeRed&nbsp;</td>
  1271. <td>#FF4500</td>
  1272. <td style="background-color:#FF4500">&nbsp;</td>
  1273. </tr>
  1274. <tr>
  1275. <td>Orchid&nbsp;</td>
  1276. <td>#DA70D6</td>
  1277. <td style="background-color:#DA70D6">&nbsp;</td>
  1278. </tr>
  1279. <tr>
  1280. <td>PaleGoldenRod&nbsp;</td>
  1281. <td>#EEE8AA</td>
  1282. <td style="background-color:#EEE8AA">&nbsp;</td>
  1283. </tr>
  1284. <tr>
  1285. <td>PaleGreen&nbsp;</td>
  1286. <td>#98FB98</td>
  1287. <td style="background-color:#98FB98">&nbsp;</td>
  1288. </tr>
  1289. <tr>
  1290. <td>PaleTurquoise&nbsp;</td>
  1291. <td>#AFEEEE</td>
  1292. <td style="background-color:#AFEEEE">&nbsp;</td>
  1293. </tr>
  1294. <tr>
  1295. <td>PaleVioletRed&nbsp;</td>
  1296. <td>#D87093</td>
  1297. <td style="background-color:#D87093">&nbsp;</td>
  1298. </tr>
  1299. <tr>
  1300. <td>PapayaWhip&nbsp;</td>
  1301. <td>#FFEFD5</td>
  1302. <td style="background-color:#FFEFD5">&nbsp;</td>
  1303. </tr>
  1304. <tr>
  1305. <td>PeachPuff&nbsp;</td>
  1306. <td>#FFDAB9</td>
  1307. <td style="background-color:#FFDAB9">&nbsp;</td>
  1308. </tr>
  1309. <tr>
  1310. <td>Peru&nbsp;</td>
  1311. <td>#CD853F</td>
  1312. <td style="background-color:#CD853F">&nbsp;</td>
  1313. </tr>
  1314. <tr>
  1315. <td>Pink&nbsp;</td>
  1316. <td>#FFC0CB</td>
  1317. <td style="background-color:#FFC0CB">&nbsp;</td>
  1318. </tr>
  1319. <tr>
  1320. <td>Plum&nbsp;</td>
  1321. <td>#DDA0DD</td>
  1322. <td style="background-color:#DDA0DD">&nbsp;</td>
  1323. </tr>
  1324. <tr>
  1325. <td>PowderBlue&nbsp;</td>
  1326. <td>#B0E0E6</td>
  1327. <td style="background-color:#B0E0E6">&nbsp;</td>
  1328. </tr>
  1329. <tr>
  1330. <td>Purple&nbsp;</td>
  1331. <td>#800080</td>
  1332. <td style="background-color:#800080">&nbsp;</td>
  1333. </tr>
  1334. <tr>
  1335. <td>Red&nbsp;</td>
  1336. <td>#FF0000</td>
  1337. <td style="background-color:#FF0000">&nbsp;</td>
  1338. </tr>
  1339. <tr>
  1340. <td>RosyBrown&nbsp;</td>
  1341. <td>#BC8F8F</td>
  1342. <td style="background-color:#BC8F8F">&nbsp;</td>
  1343. </tr>
  1344. <tr>
  1345. <td>RoyalBlue&nbsp;</td>
  1346. <td>#4169E1</td>
  1347. <td style="background-color:#4169E1">&nbsp;</td>
  1348. </tr>
  1349. <tr>
  1350. <td>SaddleBrown&nbsp;</td>
  1351. <td>#8B4513</td>
  1352. <td style="background-color:#8B4513">&nbsp;</td>
  1353. </tr>
  1354. <tr>
  1355. <td>Salmon&nbsp;</td>
  1356. <td>#FA8072</td>
  1357. <td style="background-color:#FA8072">&nbsp;</td>
  1358. </tr>
  1359. <tr>
  1360. <td>SandyBrown&nbsp;</td>
  1361. <td>#F4A460</td>
  1362. <td style="background-color:#F4A460">&nbsp;</td>
  1363. </tr>
  1364. <tr>
  1365. <td>SeaGreen&nbsp;</td>
  1366. <td>#2E8B57</td>
  1367. <td style="background-color:#2E8B57">&nbsp;</td>
  1368. </tr>
  1369. <tr>
  1370. <td>SeaShell&nbsp;</td>
  1371. <td>#FFF5EE</td>
  1372. <td style="background-color:#FFF5EE">&nbsp;</td>
  1373. </tr>
  1374. <tr>
  1375. <td>Sienna&nbsp;</td>
  1376. <td>#A0522D</td>
  1377. <td style="background-color:#A0522D">&nbsp;</td>
  1378. </tr>
  1379. <tr>
  1380. <td>Silver&nbsp;</td>
  1381. <td>#C0C0C0</td>
  1382. <td style="background-color:#C0C0C0">&nbsp;</td>
  1383. </tr>
  1384. <tr>
  1385. <td>SkyBlue&nbsp;</td>
  1386. <td>#87CEEB</td>
  1387. <td style="background-color:#87CEEB">&nbsp;</td>
  1388. </tr>
  1389. <tr>
  1390. <td>SlateBlue&nbsp;</td>
  1391. <td>#6A5ACD</td>
  1392. <td style="background-color:#6A5ACD">&nbsp;</td>
  1393. </tr>
  1394. <tr>
  1395. <td>SlateGray&nbsp;</td>
  1396. <td>#708090</td>
  1397. <td style="background-color:#708090">&nbsp;</td>
  1398. </tr>
  1399. <tr>
  1400. <td>Snow&nbsp;</td>
  1401. <td>#FFFAFA</td>
  1402. <td style="background-color:#FFFAFA">&nbsp;</td>
  1403. </tr>
  1404. <tr>
  1405. <td>SpringGreen&nbsp;</td>
  1406. <td>#00FF7F</td>
  1407. <td style="background-color:#00FF7F">&nbsp;</td>
  1408. </tr>
  1409. <tr>
  1410. <td>SteelBlue&nbsp;</td>
  1411. <td>#4682B4</td>
  1412. <td style="background-color:#4682B4">&nbsp;</td>
  1413. </tr>
  1414. <tr>
  1415. <td>Tan&nbsp;</td>
  1416. <td>#D2B48C</td>
  1417. <td style="background-color:#D2B48C">&nbsp;</td>
  1418. </tr>
  1419. <tr>
  1420. <td>Teal&nbsp;</td>
  1421. <td>#008080</td>
  1422. <td style="background-color:#008080">&nbsp;</td>
  1423. </tr>
  1424. <tr>
  1425. <td>Thistle&nbsp;</td>
  1426. <td>#D8BFD8</td>
  1427. <td style="background-color:#D8BFD8">&nbsp;</td>
  1428. </tr>
  1429. <tr>
  1430. <td>Tomato&nbsp;</td>
  1431. <td>#FF6347</td>
  1432. <td style="background-color:#FF6347">&nbsp;</td>
  1433. </tr>
  1434. <tr>
  1435. <td>绿松石&nbsp;</td>
  1436. <td>#40E0D0</td>
  1437. <td style="background-color:#40E0D0">&nbsp;</td>
  1438. </tr>
  1439. <tr>
  1440. <td>紫色&nbsp;</td>
  1441. <td>#EE82EE</td>
  1442. <td style="background-color:#EE82EE">&nbsp;</td>
  1443. </tr>
  1444. <tr>
  1445. <td>VioletRed&nbsp;</td>
  1446. <td>#D02090</td>
  1447. <td style="background-color:#D02090">&nbsp;</td>
  1448. </tr>
  1449. <tr>
  1450. <td>小麦&nbsp;</td>
  1451. <td>#F5DEB3</td>
  1452. <td style="background-color:#F5DEB3">&nbsp;</td>
  1453. </tr>
  1454. <tr>
  1455. <td>白色&nbsp;</td>
  1456. <td>#FFFFFF</td>
  1457. <td style="background-color:#FFFFFF">&nbsp;</td>
  1458. </tr>
  1459. <tr>
  1460. <td>白色的烟&nbsp;</td>
  1461. <td>#F5F5F5</td>
  1462. <td style="background-color:#F5F5F5">&nbsp;</td>
  1463. </tr>
  1464. <tr>
  1465. <td>黄色&nbsp;</td>
  1466. <td>#FFFF00</td>
  1467. <td style="background-color:#FFFF00">&nbsp;</td>
  1468. </tr>
  1469. <tr>
  1470. <td>黄绿色&nbsp;</td>
  1471. <td>#9ACD32</td>
  1472. <td style="background-color:#9ACD32">&nbsp;</td>
  1473. </tr>
  1474. </tbody>
  1475. </table>
  1476. </div>
  1477. </body>
  1478. </html>
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注