@nextleaf 2018-08-30T01:17:57.000000Z 字数 35511 阅读 1178

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 $^1$ ，表示无穷大，不能再用于其他计算；
Number.NEGATIVE_INFINITY 的值为 -Infinity $^2$ 。
NaN $^3$ ，表示非数（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。

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

1.2.4 数组

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

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

1.2.5 对象

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

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};

1.2.6 比较

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

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

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

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。

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

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

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

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

var iNum1 = parseInt("10", 2);  //返回 2
var iNum2 = parseInt("10", 8);  //返回 8
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)。

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

var sNum = "20";
var iNum = +sNum;
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函数：显示一个输入对话框，提示等待用户输入。例如：

alert("输入错误");
prompt("请输入您的姓名","姓名");//（标题，预设值）
confirm("确定否！");

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

1.5 JavaScript 消息框

警告框alert

确认框confirm

<html>
<head>
    <script type="text/javascript">
        function show_confirm() {
            var r = confirm("Press a button!");
            if (r == true) {
                alert("You pressed OK!");
            }
            else {
                alert("You pressed Cancel!");
            }
        }
    </script>
</head>
<body>
<input type="button" onclick="show_confirm()" value="Show a confirm box"/>
</body>
</html>

提示框prompt

<html>
<head>
    <script type="text/javascript">
        function disp_prompt() {
            var name = prompt("请输入您的名字", "Bill Gates")
            if (name != null && name != "") {
                document.write("你好！" + name + " 今天过得怎么样？")
            }
        }
    </script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="显示提示框"/>
</body>
</html>

附

CSSabc.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>CSS</title>
    <style type="text/css">
        #div1{
            border-width: 2px;
            border-style: dashed;
            border-color: #1E90FF;
            padding: 15px;
        }
        .divs{
            border-width: 10px;
            border-style: solid;
            border-color: #FF8C00;
        }
    </style>
</head>
<body>
<h2><a href="../../html/htmlTag.html">主页</a></h2>
<h3><a href="color.html">颜色列表</a></h3>
<h3><a href="CSS浮动.html">CSS浮动</a></h3>
<hr>
<div id="div1">
    <div class="divs">1</div>
    <div style="width: 100px;height: 100px; border: 3px solid #D87093;background-color: gainsboro;position:relative;top:20px;left: 25px;z-index: -1;">div</div>
    <div class="divs">3</div>
</div>
</body>
</html>

CSS浮动.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>CSS浮动</title>
    <style type="text/css">
        #divm{
            background: url("images/love.jpg");
            background-origin:content-box;
            background-position: center;
            background-size: auto;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
    </style>
</head>
<body style="height: 1080px;width: 100%;">
<h2><a href="CSSabc.html">CSS index</a></h2>
<div style="height:100%;width:80%;margin:10% auto;">
    <!--line-height=父height*当前height%-->
    <div style="width: 100%;height: 5%;line-height:50px;text-align: center;background-color: #1E90FF">top</div>
    <div style="width: 5%;height: 45%;line-height:450px;text-align: center;background-color:#B0E0E6;float: left;">left</div>
    <div style="width: 100%;height: 45%;line-height:450px;text-align: center;background-color: #D87093;" id="divm">none</div>
    <div style="width: 100%;height: 5%;line-height:50px;text-align: center;background-color: #C0C0C0">bottom</div>
</div>
<hr>
</body>
</html>

JavaScript.html

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

iframe1.html

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

内联框架.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>内联框架</title>
    <style type="text/css">
        iframe{
            border-color: #CD853F;
        }
    </style>
</head>
<body>
<iframe src="color.html" width="1800" height="400" frameborder="0"></iframe>
<hr>
<a href="iframe1.html" target="iframe1">target为id时，在新标签页打开</a><br>
<a href="iframe2.html" target="iframe2">target为name时，在框架内打开</a><br>
<a href="iframe3.html" target="iframe3">target为name时，在框架内打开</a><br>
<a href="iframe4.html" target="iframe4">target为name时，在框架内打开</a><br>
<iframe id="iframe1" src="" frameborder="1" width="460" height="300"></iframe>
<iframe name="iframe2" frameborder="1" width="460" height="300"></iframe>
<iframe name="iframe3" frameborder="1" width="460" height="300"></iframe>
<iframe name="iframe4" frameborder="1" width="460" height="300"></iframe>
</body>
</html>

颜色列表
color.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>颜色列表</title>
    <style type="text/css">
        .left{
            float: left;
            width: 45%;
        }
        .right{
            float: right;
            width: 47%;
        }
        .mm{
            float: left;
            text-align: left;
            font-size: 18px;
            width: 8%;
        }
    </style>
</head>
<body>
<div class="left">
<table class="dataintable">
    <tbody>
    <tr>
        <th style="width:25%">颜色名</th>
        <th style="width:25%">十六进制颜色值</th>
        <th style="width:50%">颜色</th>
    </tr>
    <tr>
        <td>AliceBlue&nbsp;</td>
        <td>#F0F8FF</td>
        <td style="background-color:#F0F8FF">&nbsp;</td>
    </tr>
    <tr>
        <td>AntiqueWhite&nbsp;</td>
        <td>#FAEBD7</td>
        <td style="background-color:#FAEBD7">&nbsp;</td>
    </tr>
    <tr>
        <td>Aqua&nbsp;</td>
        <td>#00FFFF</td>
        <td style="background-color:#00FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>Aquamarine&nbsp;</td>
        <td>#7FFFD4</td>
        <td style="background-color:#7FFFD4">&nbsp;</td>
    </tr>
    <tr>
        <td>Azure&nbsp;</td>
        <td>#F0FFFF</td>
        <td style="background-color:#F0FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>Beige&nbsp;</td>
        <td>#F5F5DC</td>
        <td style="background-color:#F5F5DC">&nbsp;</td>
    </tr>
    <tr>
        <td>Bisque&nbsp;</td>
        <td>#FFE4C4</td>
        <td style="background-color:#FFE4C4">&nbsp;</td>
    </tr>
    <tr>
        <td>Black&nbsp;</td>
        <td>#000000</td>
        <td style="background-color:#000000">&nbsp;</td>
    </tr>
    <tr>
        <td>BlanchedAlmond&nbsp;</td>
        <td>#FFEBCD</td>
        <td style="background-color:#FFEBCD">&nbsp;</td>
    </tr>
    <tr>
        <td>Blue&nbsp;</td>
        <td>#0000FF</td>
        <td style="background-color:#0000FF">&nbsp;</td>
    </tr>
    <tr>
        <td>BlueViolet&nbsp;</td>
        <td>#8A2BE2</td>
        <td style="background-color:#8A2BE2">&nbsp;</td>
    </tr>
    <tr>
        <td>Brown&nbsp;</td>
        <td>#A52A2A</td>
        <td style="background-color:#A52A2A">&nbsp;</td>
    </tr>
    <tr>
        <td>BurlyWood&nbsp;</td>
        <td>#DEB887</td>
        <td style="background-color:#DEB887">&nbsp;</td>
    </tr>
    <tr>
        <td>CadetBlue&nbsp;</td>
        <td>#5F9EA0</td>
        <td style="background-color:#5F9EA0">&nbsp;</td>
    </tr>
    <tr>
        <td>Chartreuse&nbsp;</td>
        <td>#7FFF00</td>
        <td style="background-color:#7FFF00">&nbsp;</td>
    </tr>
    <tr>
        <td>Chocolate&nbsp;</td>
        <td>#D2691E</td>
        <td style="background-color:#D2691E">&nbsp;</td>
    </tr>
    <tr>
        <td>Coral&nbsp;</td>
        <td>#FF7F50</td>
        <td style="background-color:#FF7F50">&nbsp;</td>
    </tr>
    <tr>
        <td>CornflowerBlue&nbsp;</td>
        <td>#6495ED</td>
        <td style="background-color:#6495ED">&nbsp;</td>
    </tr>
    <tr>
        <td>Cornsilk&nbsp;</td>
        <td>#FFF8DC</td>
        <td style="background-color:#FFF8DC">&nbsp;</td>
    </tr>
    <tr>
        <td>Crimson&nbsp;</td>
        <td>#DC143C</td>
        <td style="background-color:#DC143C">&nbsp;</td>
    </tr>
    <tr>
        <td>Cyan&nbsp;</td>
        <td>#00FFFF</td>
        <td style="background-color:#00FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkBlue&nbsp;</td>
        <td>#00008B</td>
        <td style="background-color:#00008B">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkCyan&nbsp;</td>
        <td>#008B8B</td>
        <td style="background-color:#008B8B">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkGoldenRod&nbsp;</td>
        <td>#B8860B</td>
        <td style="background-color:#B8860B">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkGray&nbsp;</td>
        <td>#A9A9A9</td>
        <td style="background-color:#A9A9A9">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkGreen&nbsp;</td>
        <td>#006400</td>
        <td style="background-color:#006400">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkKhaki&nbsp;</td>
        <td>#BDB76B</td>
        <td style="background-color:#BDB76B">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkMagenta&nbsp;</td>
        <td>#8B008B</td>
        <td style="background-color:#8B008B">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkOliveGreen&nbsp;</td>
        <td>#556B2F</td>
        <td style="background-color:#556B2F">&nbsp;</td>
    </tr>
    <tr>
        <td>Darkorange&nbsp;</td>
        <td>#FF8C00</td>
        <td style="background-color:#FF8C00">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkOrchid&nbsp;</td>
        <td>#9932CC</td>
        <td style="background-color:#9932CC">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkRed&nbsp;</td>
        <td>#8B0000</td>
        <td style="background-color:#8B0000">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkSalmon&nbsp;</td>
        <td>#E9967A</td>
        <td style="background-color:#E9967A">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkSeaGreen&nbsp;</td>
        <td>#8FBC8F</td>
        <td style="background-color:#8FBC8F">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkSlateBlue&nbsp;</td>
        <td>#483D8B</td>
        <td style="background-color:#483D8B">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkSlateGray&nbsp;</td>
        <td>#2F4F4F</td>
        <td style="background-color:#2F4F4F">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkTurquoise&nbsp;</td>
        <td>#00CED1</td>
        <td style="background-color:#00CED1">&nbsp;</td>
    </tr>
    <tr>
        <td>DarkViolet&nbsp;</td>
        <td>#9400D3</td>
        <td style="background-color:#9400D3">&nbsp;</td>
    </tr>
    <tr>
        <td>DeepPink&nbsp;</td>
        <td>#FF1493</td>
        <td style="background-color:#FF1493">&nbsp;</td>
    </tr>
    <tr>
        <td>DeepSkyBlue&nbsp;</td>
        <td>#00BFFF</td>
        <td style="background-color:#00BFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>DimGray&nbsp;</td>
        <td>#696969</td>
        <td style="background-color:#696969">&nbsp;</td>
    </tr>
    <tr>
        <td>DodgerBlue&nbsp;</td>
        <td>#1E90FF</td>
        <td style="background-color:#1E90FF">&nbsp;</td>
    </tr>
    <tr>
        <td>Feldspar&nbsp;</td>
        <td>#D19275</td>
        <td style="background-color:#D19275">&nbsp;</td>
    </tr>
    <tr>
        <td>FireBrick&nbsp;</td>
        <td>#B22222</td>
        <td style="background-color:#B22222">&nbsp;</td>
    </tr>
    <tr>
        <td>FloralWhite&nbsp;</td>
        <td>#FFFAF0</td>
        <td style="background-color:#FFFAF0">&nbsp;</td>
    </tr>
    <tr>
        <td>ForestGreen&nbsp;</td>
        <td>#228B22</td>
        <td style="background-color:#228B22">&nbsp;</td>
    </tr>
    <tr>
        <td>Fuchsia&nbsp;</td>
        <td>#FF00FF</td>
        <td style="background-color:#FF00FF">&nbsp;</td>
    </tr>
    <tr>
        <td>Gainsboro&nbsp;</td>
        <td>#DCDCDC</td>
        <td style="background-color:#DCDCDC">&nbsp;</td>
    </tr>
    <tr>
        <td>GhostWhite&nbsp;</td>
        <td>#F8F8FF</td>
        <td style="background-color:#F8F8FF">&nbsp;</td>
    </tr>
    <tr>
        <td>Gold&nbsp;</td>
        <td>#FFD700</td>
        <td style="background-color:#FFD700">&nbsp;</td>
    </tr>
    <tr>
        <td>GoldenRod&nbsp;</td>
        <td>#DAA520</td>
        <td style="background-color:#DAA520">&nbsp;</td>
    </tr>
    <tr>
        <td>Gray&nbsp;</td>
        <td>#808080</td>
        <td style="background-color:#808080">&nbsp;</td>
    </tr>
    <tr>
        <td>Green&nbsp;</td>
        <td>#008000</td>
        <td style="background-color:#008000">&nbsp;</td>
    </tr>
    <tr>
        <td>GreenYellow&nbsp;</td>
        <td>#ADFF2F</td>
        <td style="background-color:#ADFF2F">&nbsp;</td>
    </tr>
    <tr>
        <td>HoneyDew&nbsp;</td>
        <td>#F0FFF0</td>
        <td style="background-color:#F0FFF0">&nbsp;</td>
    </tr>
    <tr>
        <td>HotPink&nbsp;</td>
        <td>#FF69B4</td>
        <td style="background-color:#FF69B4">&nbsp;</td>
    </tr>
    <tr>
        <td>IndianRed &nbsp;</td>
        <td>#CD5C5C</td>
        <td style="background-color:#CD5C5C">&nbsp;</td>
    </tr>
    <tr>
        <td>Indigo &nbsp;</td>
        <td>#4B0082</td>
        <td style="background-color:#4B0082">&nbsp;</td>
    </tr>
    <tr>
        <td>Ivory&nbsp;</td>
        <td>#FFFFF0</td>
        <td style="background-color:#FFFFF0">&nbsp;</td>
    </tr>
    <tr>
        <td>Khaki&nbsp;</td>
        <td>#F0E68C</td>
        <td style="background-color:#F0E68C">&nbsp;</td>
    </tr>
    <tr>
        <td>Lavender&nbsp;</td>
        <td>#E6E6FA</td>
        <td style="background-color:#E6E6FA">&nbsp;</td>
    </tr>
    <tr>
        <td>LavenderBlush&nbsp;</td>
        <td>#FFF0F5</td>
        <td style="background-color:#FFF0F5">&nbsp;</td>
    </tr>
    <tr>
        <td>LawnGreen&nbsp;</td>
        <td>#7CFC00</td>
        <td style="background-color:#7CFC00">&nbsp;</td>
    </tr>
    <tr>
        <td>LemonChiffon&nbsp;</td>
        <td>#FFFACD</td>
        <td style="background-color:#FFFACD">&nbsp;</td>
    </tr>
    <tr>
        <td>LightBlue&nbsp;</td>
        <td>#ADD8E6</td>
        <td style="background-color:#ADD8E6">&nbsp;</td>
    </tr>
    <tr>
        <td>LightCoral&nbsp;</td>
        <td>#F08080</td>
        <td style="background-color:#F08080">&nbsp;</td>
    </tr>
    <tr>
        <td>LightCyan&nbsp;</td>
        <td>#E0FFFF</td>
        <td style="background-color:#E0FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>LightGoldenRodYellow&nbsp;</td>
        <td>#FAFAD2</td>
        <td style="background-color:#FAFAD2">&nbsp;</td>
    </tr>
    <tr>
        <td>LightGrey&nbsp;</td>
        <td>#D3D3D3</td>
        <td style="background-color:#D3D3D3">&nbsp;</td>
    </tr>
    <tr>
        <td>LightGreen&nbsp;</td>
        <td>#90EE90</td>
        <td style="background-color:#90EE90">&nbsp;</td>
    </tr>
    <tr>
        <td>LightPink&nbsp;</td>
        <td>#FFB6C1</td>
        <td style="background-color:#FFB6C1">&nbsp;</td>
    </tr>
    <tr>
        <td>LightSalmon&nbsp;</td>
        <td>#FFA07A</td>
        <td style="background-color:#FFA07A">&nbsp;</td>
    </tr>
    <tr>
        <td>LightSeaGreen&nbsp;</td>
        <td>#20B2AA</td>
        <td style="background-color:#20B2AA">&nbsp;</td>
    </tr>
    <tr>
        <td>LightSkyBlue&nbsp;</td>
        <td>#87CEFA</td>
        <td style="background-color:#87CEFA">&nbsp;</td>
    </tr>
    <tr>
        <td>LightSlateBlue&nbsp;</td>
        <td>#8470FF</td>
        <td style="background-color:#8470FF">&nbsp;</td>
    </tr>
    <tr>
        <td>LightSlateGray&nbsp;</td>
        <td>#778899</td>
        <td style="background-color:#778899">&nbsp;</td>
    </tr>
    <tr>
        <td>LightSteelBlue&nbsp;</td>
        <td>#B0C4DE</td>
        <td style="background-color:#B0C4DE">&nbsp;</td>
    </tr>
    <tr>
        <td>LightYellow&nbsp;</td>
        <td>#FFFFE0</td>
        <td style="background-color:#FFFFE0">&nbsp;</td>
    </tr>
    <tr>
        <td>Lime&nbsp;</td>
        <td>#00FF00</td>
        <td style="background-color:#00FF00">&nbsp;</td>
    </tr>
    <tr>
        <td>LimeGreen&nbsp;</td>
        <td>#32CD32</td>
        <td style="background-color:#32CD32">&nbsp;</td>
    </tr>
    <tr>
        <td>Linen&nbsp;</td>
        <td>#FAF0E6</td>
        <td style="background-color:#FAF0E6">&nbsp;</td>
    </tr>
    <tr>
        <td>Magenta&nbsp;</td>
        <td>#FF00FF</td>
        <td style="background-color:#FF00FF">&nbsp;</td>
    </tr>
    <tr>
        <td>Maroon&nbsp;</td>
        <td>#800000</td>
        <td style="background-color:#800000">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumAquaMarine&nbsp;</td>
        <td>#66CDAA</td>
        <td style="background-color:#66CDAA">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumBlue&nbsp;</td>
        <td>#0000CD</td>
        <td style="background-color:#0000CD">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumOrchid&nbsp;</td>
        <td>#BA55D3</td>
        <td style="background-color:#BA55D3">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumPurple&nbsp;</td>
        <td>#9370D8</td>
        <td style="background-color:#9370D8">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumSeaGreen&nbsp;</td>
        <td>#3CB371</td>
        <td style="background-color:#3CB371">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumSlateBlue&nbsp;</td>
        <td>#7B68EE</td>
        <td style="background-color:#7B68EE">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumSpringGreen&nbsp;</td>
        <td>#00FA9A</td>
        <td style="background-color:#00FA9A">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumTurquoise&nbsp;</td>
        <td>#48D1CC</td>
        <td style="background-color:#48D1CC">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumVioletRed&nbsp;</td>
        <td>#C71585</td>
        <td style="background-color:#C71585">&nbsp;</td>
    </tr>
    <tr>
        <td>MidnightBlue&nbsp;</td>
        <td>#191970</td>
        <td style="background-color:#191970">&nbsp;</td>
    </tr>
    <tr>
        <td>MintCream&nbsp;</td>
        <td>#F5FFFA</td>
        <td style="background-color:#F5FFFA">&nbsp;</td>
    </tr>
    <tr>
        <td>MistyRose&nbsp;</td>
        <td>#FFE4E1</td>
        <td style="background-color:#FFE4E1">&nbsp;</td>
    </tr>
    <tr>
        <td>Moccasin&nbsp;</td>
        <td>#FFE4B5</td>
        <td style="background-color:#FFE4B5">&nbsp;</td>
    </tr>
    <tr>
        <td>NavajoWhite&nbsp;</td>
        <td>#FFDEAD</td>
        <td style="background-color:#FFDEAD">&nbsp;</td>
    </tr>
    <tr>
        <td>Navy&nbsp;</td>
        <td>#000080</td>
        <td style="background-color:#000080">&nbsp;</td>
    </tr>
    <tr>
        <td>OldLace&nbsp;</td>
        <td>#FDF5E6</td>
        <td style="background-color:#FDF5E6">&nbsp;</td>
    </tr>
    <tr>
        <td>Olive&nbsp;</td>
        <td>#808000</td>
        <td style="background-color:#808000">&nbsp;</td>
    </tr>
    <tr>
        <td>OliveDrab&nbsp;</td>
        <td>#6B8E23</td>
        <td style="background-color:#6B8E23">&nbsp;</td>
    </tr>
    <tr>
        <td>Orange&nbsp;</td>
        <td>#FFA500</td>
        <td style="background-color:#FFA500">&nbsp;</td>
    </tr>
    <tr>
        <td>OrangeRed&nbsp;</td>
        <td>#FF4500</td>
        <td style="background-color:#FF4500">&nbsp;</td>
    </tr>
    <tr>
        <td>Orchid&nbsp;</td>
        <td>#DA70D6</td>
        <td style="background-color:#DA70D6">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleGoldenRod&nbsp;</td>
        <td>#EEE8AA</td>
        <td style="background-color:#EEE8AA">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleGreen&nbsp;</td>
        <td>#98FB98</td>
        <td style="background-color:#98FB98">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleTurquoise&nbsp;</td>
        <td>#AFEEEE</td>
        <td style="background-color:#AFEEEE">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleVioletRed&nbsp;</td>
        <td>#D87093</td>
        <td style="background-color:#D87093">&nbsp;</td>
    </tr>
    <tr>
        <td>PapayaWhip&nbsp;</td>
        <td>#FFEFD5</td>
        <td style="background-color:#FFEFD5">&nbsp;</td>
    </tr>
    <tr>
        <td>PeachPuff&nbsp;</td>
        <td>#FFDAB9</td>
        <td style="background-color:#FFDAB9">&nbsp;</td>
    </tr>
    <tr>
        <td>Peru&nbsp;</td>
        <td>#CD853F</td>
        <td style="background-color:#CD853F">&nbsp;</td>
    </tr>
    <tr>
        <td>Pink&nbsp;</td>
        <td>#FFC0CB</td>
        <td style="background-color:#FFC0CB">&nbsp;</td>
    </tr>
    <tr>
        <td>Plum&nbsp;</td>
        <td>#DDA0DD</td>
        <td style="background-color:#DDA0DD">&nbsp;</td>
    </tr>
    <tr>
        <td>PowderBlue&nbsp;</td>
        <td>#B0E0E6</td>
        <td style="background-color:#B0E0E6">&nbsp;</td>
    </tr>
    <tr>
        <td>Purple&nbsp;</td>
        <td>#800080</td>
        <td style="background-color:#800080">&nbsp;</td>
    </tr>
    <tr>
        <td>Red&nbsp;</td>
        <td>#FF0000</td>
        <td style="background-color:#FF0000">&nbsp;</td>
    </tr>
    <tr>
        <td>RosyBrown&nbsp;</td>
        <td>#BC8F8F</td>
        <td style="background-color:#BC8F8F">&nbsp;</td>
    </tr>
    <tr>
        <td>RoyalBlue&nbsp;</td>
        <td>#4169E1</td>
        <td style="background-color:#4169E1">&nbsp;</td>
    </tr>
    <tr>
        <td>SaddleBrown&nbsp;</td>
        <td>#8B4513</td>
        <td style="background-color:#8B4513">&nbsp;</td>
    </tr>
    <tr>
        <td>Salmon&nbsp;</td>
        <td>#FA8072</td>
        <td style="background-color:#FA8072">&nbsp;</td>
    </tr>
    <tr>
        <td>SandyBrown&nbsp;</td>
        <td>#F4A460</td>
        <td style="background-color:#F4A460">&nbsp;</td>
    </tr>
    <tr>
        <td>SeaGreen&nbsp;</td>
        <td>#2E8B57</td>
        <td style="background-color:#2E8B57">&nbsp;</td>
    </tr>
    <tr>
        <td>SeaShell&nbsp;</td>
        <td>#FFF5EE</td>
        <td style="background-color:#FFF5EE">&nbsp;</td>
    </tr>
    <tr>
        <td>Sienna&nbsp;</td>
        <td>#A0522D</td>
        <td style="background-color:#A0522D">&nbsp;</td>
    </tr>
    <tr>
        <td>Silver&nbsp;</td>
        <td>#C0C0C0</td>
        <td style="background-color:#C0C0C0">&nbsp;</td>
    </tr>
    <tr>
        <td>SkyBlue&nbsp;</td>
        <td>#87CEEB</td>
        <td style="background-color:#87CEEB">&nbsp;</td>
    </tr>
    <tr>
        <td>SlateBlue&nbsp;</td>
        <td>#6A5ACD</td>
        <td style="background-color:#6A5ACD">&nbsp;</td>
    </tr>
    <tr>
        <td>SlateGray&nbsp;</td>
        <td>#708090</td>
        <td style="background-color:#708090">&nbsp;</td>
    </tr>
    <tr>
        <td>Snow&nbsp;</td>
        <td>#FFFAFA</td>
        <td style="background-color:#FFFAFA">&nbsp;</td>
    </tr>
    <tr>
        <td>SpringGreen&nbsp;</td>
        <td>#00FF7F</td>
        <td style="background-color:#00FF7F">&nbsp;</td>
    </tr>
    <tr>
        <td>SteelBlue&nbsp;</td>
        <td>#4682B4</td>
        <td style="background-color:#4682B4">&nbsp;</td>
    </tr>
    <tr>
        <td>Tan&nbsp;</td>
        <td>#D2B48C</td>
        <td style="background-color:#D2B48C">&nbsp;</td>
    </tr>
    <tr>
        <td>Teal&nbsp;</td>
        <td>#008080</td>
        <td style="background-color:#008080">&nbsp;</td>
    </tr>
    <tr>
        <td>Thistle&nbsp;</td>
        <td>#D8BFD8</td>
        <td style="background-color:#D8BFD8">&nbsp;</td>
    </tr>
    <tr>
        <td>Tomato&nbsp;</td>
        <td>#FF6347</td>
        <td style="background-color:#FF6347">&nbsp;</td>
    </tr>
    <tr>
        <td>Turquoise&nbsp;</td>
        <td>#40E0D0</td>
        <td style="background-color:#40E0D0">&nbsp;</td>
    </tr>
    <tr>
        <td>Violet&nbsp;</td>
        <td>#EE82EE</td>
        <td style="background-color:#EE82EE">&nbsp;</td>
    </tr>
    <tr>
        <td>VioletRed&nbsp;</td>
        <td>#D02090</td>
        <td style="background-color:#D02090">&nbsp;</td>
    </tr>
    <tr>
        <td>Wheat&nbsp;</td>
        <td>#F5DEB3</td>
        <td style="background-color:#F5DEB3">&nbsp;</td>
    </tr>
    <tr>
        <td>White&nbsp;</td>
        <td>#FFFFFF</td>
        <td style="background-color:#FFFFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>WhiteSmoke&nbsp;</td>
        <td>#F5F5F5</td>
        <td style="background-color:#F5F5F5">&nbsp;</td>
    </tr>
    <tr>
        <td>Yellow&nbsp;</td>
        <td>#FFFF00</td>
        <td style="background-color:#FFFF00">&nbsp;</td>
    </tr>
    <tr>
        <td>YellowGreen&nbsp;</td>
        <td>#9ACD32</td>
        <td style="background-color:#9ACD32">&nbsp;</td>
    </tr>
    </tbody>
</table>
</div>
<div class="mm">---翻译----&gt;</div>
<div class="right">
<table>
    <tbody>
    <tr>
        <th style="width:25%">颜色名</th>
        <th style="width:25%">十六进制颜色值</th>
        <th style="width:50%">颜色</th>
    </tr>
    <tr>
        <td>艾莉斯蓝&nbsp;</td>
        <td>＃F0F8FF</td>
        <td style="background-color:#F0F8FF">&nbsp;</td>
    </tr>
    <tr>
        <td>古董白&nbsp;</td>
        <td>＃FAEBD7</td>
        <td style="background-color:#FAEBD7">&nbsp;</td>
    </tr>
    <tr>
        <td>水族&nbsp;</td>
        <td>＃00FFFF</td>
        <td style="background-color:#00FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>蓝晶&nbsp;</td>
        <td>＃7FFFD4</td>
        <td style="background-color:#7FFFD4">&nbsp;</td>
    </tr>
    <tr>
        <td>天蓝&nbsp;</td>
        <td>＃F0FFFF</td>
        <td style="background-color:#F0FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>米色&nbsp;</td>
        <td>＃F5F5DC</td>
        <td style="background-color:#F5F5DC">&nbsp;</td>
    </tr>
    <tr>
        <td>浓汤&nbsp;</td>
        <td>＃FFE4C4</td>
        <td style="background-color:#FFE4C4">&nbsp;</td>
    </tr>
    <tr>
        <td>黑色&nbsp;</td>
        <td>＃000000</td>
        <td style="background-color:#000000">&nbsp;</td>
    </tr>
    <tr>
        <td>杏仁白&nbsp;</td>
        <td>#FFEBCD</td>
        <td style="background-color:#FFEBCD">&nbsp;</td>
    </tr>
    <tr>
        <td>蓝色&nbsp;</td>
        <td>＃0000FF</td>
        <td style="background-color:#0000FF">&nbsp;</td>
    </tr>
    <tr>
        <td>紫罗兰色&nbsp;</td>
        <td>＃8A2BE2</td>
        <td style="background-color:#8A2BE2">&nbsp;</td>
    </tr>
    <tr>
        <td>棕色&nbsp;</td>
        <td>＃A52A2A</td>
        <td style="background-color:#A52A2A">&nbsp;</td>
    </tr>
    <tr>
        <td>原木色&nbsp;</td>
        <td>＃DEB887</td>
        <td style="background-color:#DEB887">&nbsp;</td>
    </tr>
    <tr>
        <td>藏青&nbsp;</td>
        <td>＃5F9EA0</td>
        <td style="background-color:#5F9EA0">&nbsp;</td>
    </tr>
    <tr>
        <td>黄绿色&nbsp;</td>
        <td>＃7FFF00</td>
        <td style="background-color:#7FFF00">&nbsp;</td>
    </tr>
    <tr>
        <td>巧克力&nbsp;</td>
        <td>＃D2691E</td>
        <td style="background-color:#D2691E">&nbsp;</td>
    </tr>
    <tr>
        <td>珊瑚&nbsp;</td>
        <td>＃FF7F50</td>
        <td style="background-color:#FF7F50">&nbsp;</td>
    </tr>
    <tr>
        <td>矢菊花&nbsp;</td>
        <td>＃6495ED</td>
        <td style="background-color:#6495ED">&nbsp;</td>
    </tr>
    <tr>
        <td>玉米穗黄&nbsp;</td>
        <td>＃FFF8DC</td>
        <td style="background-color:#FFF8DC">&nbsp;</td>
    </tr>
    <tr>
        <td>赤红&nbsp;</td>
        <td>＃DC143C</td>
        <td style="background-color:#DC143C">&nbsp;</td>
    </tr>
    <tr>
        <td>青色&nbsp;</td>
        <td>＃00FFFF</td>
        <td style="background-color:#00FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>深蓝&nbsp;</td>
        <td>＃00008B</td>
        <td style="background-color:#00008B">&nbsp;</td>
    </tr>
    <tr>
        <td>深青绿&nbsp;</td>
        <td>＃008B8B</td>
        <td style="background-color:#008B8B">&nbsp;</td>
    </tr>
    <tr>
        <td>深金黄&nbsp;</td>
        <td>＃B8860B</td>
        <td style="background-color:#B8860B">&nbsp;</td>
    </tr>
    <tr>
        <td>深灰色&nbsp;</td>
        <td>＃A9A9A9</td>
        <td style="background-color:#A9A9A9">&nbsp;</td>
    </tr>
    <tr>
        <td>深绿色&nbsp;</td>
        <td>＃006400</td>
        <td style="background-color:#006400">&nbsp;</td>
    </tr>
    <tr>
        <td>深卡其色&nbsp;</td>
        <td>＃BDB76B</td>
        <td style="background-color:#BDB76B">&nbsp;</td>
    </tr>
    <tr>
        <td>深洋红&nbsp;</td>
        <td>＃8B008B</td>
        <td style="background-color:#8B008B">&nbsp;</td>
    </tr>
    <tr>
        <td>深橄榄绿&nbsp;</td>
        <td>＃556B2F</td>
        <td style="background-color:#556B2F">&nbsp;</td>
    </tr>
    <tr>
        <td>深橙&nbsp;</td>
        <td>＃FF8C00</td>
        <td style="background-color:#FF8C00">&nbsp;</td>
    </tr>
    <tr>
        <td>深兰花紫&nbsp;</td>
        <td>＃9932CC</td>
        <td style="background-color:#9932CC">&nbsp;</td>
    </tr>
    <tr>
        <td>深红&nbsp;</td>
        <td>＃8B0000</td>
        <td style="background-color:#8B0000">&nbsp;</td>
    </tr>
    <tr>
        <td>深橙红&nbsp;</td>
        <td>＃E9967A</td>
        <td style="background-color:#E9967A">&nbsp;</td>
    </tr>
    <tr>
        <td>海藻绿&nbsp;</td>
        <td>＃8FBC8F</td>
        <td style="background-color:#8FBC8F">&nbsp;</td>
    </tr>
    <tr>
        <td>深青蓝&nbsp;</td>
        <td>＃483D8B</td>
        <td style="background-color:#483D8B">&nbsp;</td>
    </tr>
    <tr>
        <td>深青灰&nbsp;</td>
        <td>＃2F4F4F</td>
        <td style="background-color:#2F4F4F">&nbsp;</td>
    </tr>
    <tr>
        <td>darkturquois到&nbsp;</td>
        <td>＃00CED1</td>
        <td style="background-color:#00CED1">&nbsp;</td>
    </tr>
    <tr>
        <td>深紫&nbsp;</td>
        <td>＃9400D3</td>
        <td style="background-color:#9400D3">&nbsp;</td>
    </tr>
    <tr>
        <td>深粉红&nbsp;</td>
        <td>＃FF1493</td>
        <td style="background-color:#FF1493">&nbsp;</td>
    </tr>
    <tr>
        <td>深天蓝&nbsp;</td>
        <td>＃00BFFF</td>
        <td style="background-color:#00BFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>暗灰&nbsp;</td>
        <td>＃696969</td>
        <td style="background-color:#696969">&nbsp;</td>
    </tr>
    <tr>
        <td>宝蓝&nbsp;</td>
        <td>＃1E90FF</td>
        <td style="background-color:#1E90FF">&nbsp;</td>
    </tr>
    <tr>
        <td>长石&nbsp;</td>
        <td>＃D19275</td>
        <td style="background-color:#D19275">&nbsp;</td>
    </tr>
    <tr>
        <td>耐火砖&nbsp;</td>
        <td>＃B22222</td>
        <td style="background-color:#B22222">&nbsp;</td>
    </tr>
    <tr>
        <td>花白&nbsp;</td>
        <td>＃FFFAF0</td>
        <td style="background-color:#FFFAF0">&nbsp;</td>
    </tr>
    <tr>
        <td>森林绿&nbsp;</td>
        <td>＃228B22</td>
        <td style="background-color:#228B22">&nbsp;</td>
    </tr>
    <tr>
        <td>紫红色&nbsp;</td>
        <td>＃FF00FF</td>
        <td style="background-color:#FF00FF">&nbsp;</td>
    </tr>
    <tr>
        <td>亮灰&nbsp;</td>
        <td>#DCDCDC</td>
        <td style="background-color:#DCDCDC">&nbsp;</td>
    </tr>
    <tr>
        <td>GhostWhite&nbsp;</td>
        <td>＃F8F8FF</td>
        <td style="background-color:#F8F8FF">&nbsp;</td>
    </tr>
    <tr>
        <td>金&nbsp;</td>
        <td>＃FFD700</td>
        <td style="background-color:#FFD700">&nbsp;</td>
    </tr>
    <tr>
        <td>黄花&nbsp;</td>
        <td>＃DAA520</td>
        <td style="background-color:#DAA520">&nbsp;</td>
    </tr>
    <tr>
        <td>灰色&nbsp;</td>
        <td>＃808080</td>
        <td style="background-color:#808080">&nbsp;</td>
    </tr>
    <tr>
        <td>绿色&nbsp;</td>
        <td>＃008000</td>
        <td style="background-color:#008000">&nbsp;</td>
    </tr>
    <tr>
        <td>黄绿色&nbsp;</td>
        <td>＃ADFF2F</td>
        <td style="background-color:#ADFF2F">&nbsp;</td>
    </tr>
    <tr>
        <td>甘露&nbsp;</td>
        <td>＃F0FFF0</td>
        <td style="background-color:#F0FFF0">&nbsp;</td>
    </tr>
    <tr>
        <td>亮粉色&nbsp;</td>
        <td>＃FF69B4</td>
        <td style="background-color:#FF69B4">&nbsp;</td>
    </tr>
    <tr>
        <td>印地安 &nbsp;</td>
        <td>＃CD5C5C</td>
        <td style="background-color:#CD5C5C">&nbsp;</td>
    </tr>
    <tr>
        <td>靛青 &nbsp;</td>
        <td>＃4B0082</td>
        <td style="background-color:#4B0082">&nbsp;</td>
    </tr>
    <tr>
        <td>象牙&nbsp;</td>
        <td>#FFFFFF0</td>
        <td style="background-color:#FFFFF0">&nbsp;</td>
    </tr>
    <tr>
        <td>黄褐色&nbsp;</td>
        <td>＃F0E68C</td>
        <td style="background-color:#F0E68C">&nbsp;</td>
    </tr>
    <tr>
        <td>薰衣草&nbsp;</td>
        <td>＃E6E6FA</td>
        <td style="background-color:#E6E6FA">&nbsp;</td>
    </tr>
    <tr>
        <td>淡紫&nbsp;</td>
        <td>＃FFF0F5</td>
        <td style="background-color:#FFF0F5">&nbsp;</td>
    </tr>
    <tr>
        <td>草绿&nbsp;</td>
        <td>＃7CFC00</td>
        <td style="background-color:#7CFC00">&nbsp;</td>
    </tr>
    <tr>
        <td>粉黄&nbsp;</td>
        <td>#FFFACD</td>
        <td style="background-color:#FFFACD">&nbsp;</td>
    </tr>
    <tr>
        <td>浅蓝&nbsp;</td>
        <td>＃ADD8E6</td>
        <td style="background-color:#ADD8E6">&nbsp;</td>
    </tr>
    <tr>
        <td>浅珊瑚红&nbsp;</td>
        <td>＃F08080</td>
        <td style="background-color:#F08080">&nbsp;</td>
    </tr>
    <tr>
        <td>浅青绿&nbsp;</td>
        <td>#E0FFFF</td>
        <td style="background-color:#E0FFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>浅金黄&nbsp;</td>
        <td>#FAFAD2</td>
        <td style="background-color:#FAFAD2">&nbsp;</td>
    </tr>
    <tr>
        <td>浅灰色&nbsp;</td>
        <td>＃D3D3D3</td>
        <td style="background-color:#D3D3D3">&nbsp;</td>
    </tr>
    <tr>
        <td>浅绿&nbsp;</td>
        <td>＃90EE90</td>
        <td style="background-color:#90EE90">&nbsp;</td>
    </tr>
    <tr>
        <td>浅粉红&nbsp;</td>
        <td>＃FFB6C1</td>
        <td style="background-color:#FFB6C1">&nbsp;</td>
    </tr>
    <tr>
        <td>橙红&nbsp;</td>
        <td>＃FFA07A</td>
        <td style="background-color:#FFA07A">&nbsp;</td>
    </tr>
    <tr>
        <td>海藻绿&nbsp;</td>
        <td>＃20B2AA</td>
        <td style="background-color:#20B2AA">&nbsp;</td>
    </tr>
    <tr>
        <td>天蓝&nbsp;</td>
        <td>＃87CEFA</td>
        <td style="background-color:#87CEFA">&nbsp;</td>
    </tr>
    <tr>
        <td>LightSlateBlue&nbsp;</td>
        <td>＃8470FF</td>
        <td style="background-color:#8470FF">&nbsp;</td>
    </tr>
    <tr>
        <td>青灰&nbsp;</td>
        <td>＃778899</td>
        <td style="background-color:#778899">&nbsp;</td>
    </tr>
    <tr>
        <td>浅钢&nbsp;</td>
        <td>＃B0C4DE</td>
        <td style="background-color:#B0C4DE">&nbsp;</td>
    </tr>
    <tr>
        <td>浅黄色&nbsp;</td>
        <td>#FFFF0</td>
        <td style="background-color:#FFFFE0">&nbsp;</td>
    </tr>
    <tr>
        <td>青柠&nbsp;</td>
        <td>＃00FF00</td>
        <td style="background-color:#00FF00">&nbsp;</td>
    </tr>
    <tr>
        <td>暗绿&nbsp;</td>
        <td>＃32CD32</td>
        <td style="background-color:#32CD32">&nbsp;</td>
    </tr>
    <tr>
        <td>麻布&nbsp;</td>
        <td>#FAF0E6</td>
        <td style="background-color:#FAF0E6">&nbsp;</td>
    </tr>
    <tr>
        <td>Magenta&nbsp;</td>
        <td>#FF00FF</td>
        <td style="background-color:#FF00FF">&nbsp;</td>
    </tr>
    <tr>
        <td>Maroon&nbsp;</td>
        <td>#800000</td>
        <td style="background-color:#800000">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumAquaMarine&nbsp;</td>
        <td>#66CDAA</td>
        <td style="background-color:#66CDAA">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumBlue&nbsp;</td>
        <td>#0000CD</td>
        <td style="background-color:#0000CD">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumOrchid&nbsp;</td>
        <td>#BA55D3</td>
        <td style="background-color:#BA55D3">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumPurple&nbsp;</td>
        <td>#9370D8</td>
        <td style="background-color:#9370D8">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumSeaGreen&nbsp;</td>
        <td>#3CB371</td>
        <td style="background-color:#3CB371">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumSlateBlue&nbsp;</td>
        <td>#7B68EE</td>
        <td style="background-color:#7B68EE">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumSpringGreen&nbsp;</td>
        <td>#00FA9A</td>
        <td style="background-color:#00FA9A">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumTurquoise&nbsp;</td>
        <td>#48D1CC</td>
        <td style="background-color:#48D1CC">&nbsp;</td>
    </tr>
    <tr>
        <td>MediumVioletRed&nbsp;</td>
        <td>#C71585</td>
        <td style="background-color:#C71585">&nbsp;</td>
    </tr>
    <tr>
        <td>MidnightBlue&nbsp;</td>
        <td>#191970</td>
        <td style="background-color:#191970">&nbsp;</td>
    </tr>
    <tr>
        <td>MintCream&nbsp;</td>
        <td>#F5FFFA</td>
        <td style="background-color:#F5FFFA">&nbsp;</td>
    </tr>
    <tr>
        <td>MistyRose&nbsp;</td>
        <td>#FFE4E1</td>
        <td style="background-color:#FFE4E1">&nbsp;</td>
    </tr>
    <tr>
        <td>Moccasin&nbsp;</td>
        <td>#FFE4B5</td>
        <td style="background-color:#FFE4B5">&nbsp;</td>
    </tr>
    <tr>
        <td>NavajoWhite&nbsp;</td>
        <td>#FFDEAD</td>
        <td style="background-color:#FFDEAD">&nbsp;</td>
    </tr>
    <tr>
        <td>Navy&nbsp;</td>
        <td>#000080</td>
        <td style="background-color:#000080">&nbsp;</td>
    </tr>
    <tr>
        <td>OldLace&nbsp;</td>
        <td>#FDF5E6</td>
        <td style="background-color:#FDF5E6">&nbsp;</td>
    </tr>
    <tr>
        <td>Olive&nbsp;</td>
        <td>#808000</td>
        <td style="background-color:#808000">&nbsp;</td>
    </tr>
    <tr>
        <td>OliveDrab&nbsp;</td>
        <td>#6B8E23</td>
        <td style="background-color:#6B8E23">&nbsp;</td>
    </tr>
    <tr>
        <td>Orange&nbsp;</td>
        <td>#FFA500</td>
        <td style="background-color:#FFA500">&nbsp;</td>
    </tr>
    <tr>
        <td>OrangeRed&nbsp;</td>
        <td>#FF4500</td>
        <td style="background-color:#FF4500">&nbsp;</td>
    </tr>
    <tr>
        <td>Orchid&nbsp;</td>
        <td>#DA70D6</td>
        <td style="background-color:#DA70D6">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleGoldenRod&nbsp;</td>
        <td>#EEE8AA</td>
        <td style="background-color:#EEE8AA">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleGreen&nbsp;</td>
        <td>#98FB98</td>
        <td style="background-color:#98FB98">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleTurquoise&nbsp;</td>
        <td>#AFEEEE</td>
        <td style="background-color:#AFEEEE">&nbsp;</td>
    </tr>
    <tr>
        <td>PaleVioletRed&nbsp;</td>
        <td>#D87093</td>
        <td style="background-color:#D87093">&nbsp;</td>
    </tr>
    <tr>
        <td>PapayaWhip&nbsp;</td>
        <td>#FFEFD5</td>
        <td style="background-color:#FFEFD5">&nbsp;</td>
    </tr>
    <tr>
        <td>PeachPuff&nbsp;</td>
        <td>#FFDAB9</td>
        <td style="background-color:#FFDAB9">&nbsp;</td>
    </tr>
    <tr>
        <td>Peru&nbsp;</td>
        <td>#CD853F</td>
        <td style="background-color:#CD853F">&nbsp;</td>
    </tr>
    <tr>
        <td>Pink&nbsp;</td>
        <td>#FFC0CB</td>
        <td style="background-color:#FFC0CB">&nbsp;</td>
    </tr>
    <tr>
        <td>Plum&nbsp;</td>
        <td>#DDA0DD</td>
        <td style="background-color:#DDA0DD">&nbsp;</td>
    </tr>
    <tr>
        <td>PowderBlue&nbsp;</td>
        <td>#B0E0E6</td>
        <td style="background-color:#B0E0E6">&nbsp;</td>
    </tr>
    <tr>
        <td>Purple&nbsp;</td>
        <td>#800080</td>
        <td style="background-color:#800080">&nbsp;</td>
    </tr>
    <tr>
        <td>Red&nbsp;</td>
        <td>#FF0000</td>
        <td style="background-color:#FF0000">&nbsp;</td>
    </tr>
    <tr>
        <td>RosyBrown&nbsp;</td>
        <td>#BC8F8F</td>
        <td style="background-color:#BC8F8F">&nbsp;</td>
    </tr>
    <tr>
        <td>RoyalBlue&nbsp;</td>
        <td>#4169E1</td>
        <td style="background-color:#4169E1">&nbsp;</td>
    </tr>
    <tr>
        <td>SaddleBrown&nbsp;</td>
        <td>#8B4513</td>
        <td style="background-color:#8B4513">&nbsp;</td>
    </tr>
    <tr>
        <td>Salmon&nbsp;</td>
        <td>#FA8072</td>
        <td style="background-color:#FA8072">&nbsp;</td>
    </tr>
    <tr>
        <td>SandyBrown&nbsp;</td>
        <td>#F4A460</td>
        <td style="background-color:#F4A460">&nbsp;</td>
    </tr>
    <tr>
        <td>SeaGreen&nbsp;</td>
        <td>#2E8B57</td>
        <td style="background-color:#2E8B57">&nbsp;</td>
    </tr>
    <tr>
        <td>SeaShell&nbsp;</td>
        <td>#FFF5EE</td>
        <td style="background-color:#FFF5EE">&nbsp;</td>
    </tr>
    <tr>
        <td>Sienna&nbsp;</td>
        <td>#A0522D</td>
        <td style="background-color:#A0522D">&nbsp;</td>
    </tr>
    <tr>
        <td>Silver&nbsp;</td>
        <td>#C0C0C0</td>
        <td style="background-color:#C0C0C0">&nbsp;</td>
    </tr>
    <tr>
        <td>SkyBlue&nbsp;</td>
        <td>#87CEEB</td>
        <td style="background-color:#87CEEB">&nbsp;</td>
    </tr>
    <tr>
        <td>SlateBlue&nbsp;</td>
        <td>#6A5ACD</td>
        <td style="background-color:#6A5ACD">&nbsp;</td>
    </tr>
    <tr>
        <td>SlateGray&nbsp;</td>
        <td>#708090</td>
        <td style="background-color:#708090">&nbsp;</td>
    </tr>
    <tr>
        <td>Snow&nbsp;</td>
        <td>#FFFAFA</td>
        <td style="background-color:#FFFAFA">&nbsp;</td>
    </tr>
    <tr>
        <td>SpringGreen&nbsp;</td>
        <td>#00FF7F</td>
        <td style="background-color:#00FF7F">&nbsp;</td>
    </tr>
    <tr>
        <td>SteelBlue&nbsp;</td>
        <td>#4682B4</td>
        <td style="background-color:#4682B4">&nbsp;</td>
    </tr>
    <tr>
        <td>Tan&nbsp;</td>
        <td>#D2B48C</td>
        <td style="background-color:#D2B48C">&nbsp;</td>
    </tr>
    <tr>
        <td>Teal&nbsp;</td>
        <td>#008080</td>
        <td style="background-color:#008080">&nbsp;</td>
    </tr>
    <tr>
        <td>Thistle&nbsp;</td>
        <td>#D8BFD8</td>
        <td style="background-color:#D8BFD8">&nbsp;</td>
    </tr>
    <tr>
        <td>Tomato&nbsp;</td>
        <td>#FF6347</td>
        <td style="background-color:#FF6347">&nbsp;</td>
    </tr>
    <tr>
        <td>绿松石&nbsp;</td>
        <td>＃40E0D0</td>
        <td style="background-color:#40E0D0">&nbsp;</td>
    </tr>
    <tr>
        <td>紫色&nbsp;</td>
        <td>＃EE82EE</td>
        <td style="background-color:#EE82EE">&nbsp;</td>
    </tr>
    <tr>
        <td>VioletRed&nbsp;</td>
        <td>＃D02090</td>
        <td style="background-color:#D02090">&nbsp;</td>
    </tr>
    <tr>
        <td>小麦&nbsp;</td>
        <td>＃F5DEB3</td>
        <td style="background-color:#F5DEB3">&nbsp;</td>
    </tr>
    <tr>
        <td>白色&nbsp;</td>
        <td>#FFFFFF</td>
        <td style="background-color:#FFFFFF">&nbsp;</td>
    </tr>
    <tr>
        <td>白色的烟&nbsp;</td>
        <td>＃F5F5F5</td>
        <td style="background-color:#F5F5F5">&nbsp;</td>
    </tr>
    <tr>
        <td>黄色&nbsp;</td>
        <td>＃FFFF00</td>
        <td style="background-color:#FFFF00">&nbsp;</td>
    </tr>
    <tr>
        <td>黄绿色&nbsp;</td>
        <td>＃9ACD32</td>
        <td style="background-color:#9ACD32">&nbsp;</td>
    </tr>
    </tbody>
</table>
</div>
</body>
</html>