@nextleaf
2018-08-30T09:17:57.000000Z
字数 35511
阅读 1060
Java
工作日志
CSS
JavaScript
一种轻量级的脚本语言。
var 声明的变量都将转换为浮点型,可以是任意数据类型。
JavaScript 语句和 JavaScript 变量都对大小写敏感
没有返回值的函数真正返回的都是 undefined
String、Number、Boolean、数组、对象
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表示,不能用于算术计算,它与自身不相等。
Boolean类型有两个值 true 和 false,即使 false 不等于 0,0 也可以在必要时被转换成 false
值 undefined 实际上是从值null派生来的,JavaScript的设计者希望用null表示一个空的值,而undefined表示值未定义。事实证明,这并没有什么卵用,区分两者的意义不大。大多数情况下,我们都应该用null。
alert(null == undefined); //输出 "true"
JavaScript的数组可以包括任意数据类型
var arr = [1, 2, 3.14, 'Hello', null, true];
JavaScript的对象是一组由键-值组成的无序集合,例如:
var person = {
name: 'Bob',
age: 20,
tags: ['js', 'web', 'mobile'],
city: 'Beijing',
hasCar: true,
zipcode: null
};
JavaScript允许对任意数据类型做比较
浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:
1 / 3 === (1 - 2 / 3); // false
JavaScript有两种比较运算符:
第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;
第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。
由于JavaScript这个设计,不要使用==比较,始终坚持使用===比较。
另一个例外是NaN这个特殊的Number与所有其他值都不相等,包括它自己
alert(NaN == NaN); //输出 "false"
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 中的一个十六进制数字) |
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
三个特殊值不用于算术计算:
加法中某个运算数是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"
减法中某个运算数是不是数字(NaN),那么结果为 NaN。
Infinity 减 Infinity,结果为 NaN。
-Infinity 减 -Infinity,结果为 NaN。
Infinity 减 -Infinity,结果为 Infinity。
-Infinity 减 Infinity,结果为 -Infinity。
+0 减 +0,结果为 +0。
-0 减 -0,结果为 -0。
+0 减 -0,结果为 +0。
除了typeof 运算符,其他运算符只能用于已声明的变量上.
对变量或值调用 typeof 运算符将返回下列值之一:
undefined - 如果变量是 Undefined类型的,Undefined类型只有一个值,即undefined(当声明的变量未初始化)
boolean - 如果变量是 Boolean 类型的
number - 如果变量是 Number 类型的
string - 如果变量是 String 类型的
object - 如果变量是一种引用类型或 Null 类型的
[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函数编码的字符。
<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>
<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 </td>
<td>#F0F8FF</td>
<td style="background-color:#F0F8FF"> </td>
</tr>
<tr>
<td>AntiqueWhite </td>
<td>#FAEBD7</td>
<td style="background-color:#FAEBD7"> </td>
</tr>
<tr>
<td>Aqua </td>
<td>#00FFFF</td>
<td style="background-color:#00FFFF"> </td>
</tr>
<tr>
<td>Aquamarine </td>
<td>#7FFFD4</td>
<td style="background-color:#7FFFD4"> </td>
</tr>
<tr>
<td>Azure </td>
<td>#F0FFFF</td>
<td style="background-color:#F0FFFF"> </td>
</tr>
<tr>
<td>Beige </td>
<td>#F5F5DC</td>
<td style="background-color:#F5F5DC"> </td>
</tr>
<tr>
<td>Bisque </td>
<td>#FFE4C4</td>
<td style="background-color:#FFE4C4"> </td>
</tr>
<tr>
<td>Black </td>
<td>#000000</td>
<td style="background-color:#000000"> </td>
</tr>
<tr>
<td>BlanchedAlmond </td>
<td>#FFEBCD</td>
<td style="background-color:#FFEBCD"> </td>
</tr>
<tr>
<td>Blue </td>
<td>#0000FF</td>
<td style="background-color:#0000FF"> </td>
</tr>
<tr>
<td>BlueViolet </td>
<td>#8A2BE2</td>
<td style="background-color:#8A2BE2"> </td>
</tr>
<tr>
<td>Brown </td>
<td>#A52A2A</td>
<td style="background-color:#A52A2A"> </td>
</tr>
<tr>
<td>BurlyWood </td>
<td>#DEB887</td>
<td style="background-color:#DEB887"> </td>
</tr>
<tr>
<td>CadetBlue </td>
<td>#5F9EA0</td>
<td style="background-color:#5F9EA0"> </td>
</tr>
<tr>
<td>Chartreuse </td>
<td>#7FFF00</td>
<td style="background-color:#7FFF00"> </td>
</tr>
<tr>
<td>Chocolate </td>
<td>#D2691E</td>
<td style="background-color:#D2691E"> </td>
</tr>
<tr>
<td>Coral </td>
<td>#FF7F50</td>
<td style="background-color:#FF7F50"> </td>
</tr>
<tr>
<td>CornflowerBlue </td>
<td>#6495ED</td>
<td style="background-color:#6495ED"> </td>
</tr>
<tr>
<td>Cornsilk </td>
<td>#FFF8DC</td>
<td style="background-color:#FFF8DC"> </td>
</tr>
<tr>
<td>Crimson </td>
<td>#DC143C</td>
<td style="background-color:#DC143C"> </td>
</tr>
<tr>
<td>Cyan </td>
<td>#00FFFF</td>
<td style="background-color:#00FFFF"> </td>
</tr>
<tr>
<td>DarkBlue </td>
<td>#00008B</td>
<td style="background-color:#00008B"> </td>
</tr>
<tr>
<td>DarkCyan </td>
<td>#008B8B</td>
<td style="background-color:#008B8B"> </td>
</tr>
<tr>
<td>DarkGoldenRod </td>
<td>#B8860B</td>
<td style="background-color:#B8860B"> </td>
</tr>
<tr>
<td>DarkGray </td>
<td>#A9A9A9</td>
<td style="background-color:#A9A9A9"> </td>
</tr>
<tr>
<td>DarkGreen </td>
<td>#006400</td>
<td style="background-color:#006400"> </td>
</tr>
<tr>
<td>DarkKhaki </td>
<td>#BDB76B</td>
<td style="background-color:#BDB76B"> </td>
</tr>
<tr>
<td>DarkMagenta </td>
<td>#8B008B</td>
<td style="background-color:#8B008B"> </td>
</tr>
<tr>
<td>DarkOliveGreen </td>
<td>#556B2F</td>
<td style="background-color:#556B2F"> </td>
</tr>
<tr>
<td>Darkorange </td>
<td>#FF8C00</td>
<td style="background-color:#FF8C00"> </td>
</tr>
<tr>
<td>DarkOrchid </td>
<td>#9932CC</td>
<td style="background-color:#9932CC"> </td>
</tr>
<tr>
<td>DarkRed </td>
<td>#8B0000</td>
<td style="background-color:#8B0000"> </td>
</tr>
<tr>
<td>DarkSalmon </td>
<td>#E9967A</td>
<td style="background-color:#E9967A"> </td>
</tr>
<tr>
<td>DarkSeaGreen </td>
<td>#8FBC8F</td>
<td style="background-color:#8FBC8F"> </td>
</tr>
<tr>
<td>DarkSlateBlue </td>
<td>#483D8B</td>
<td style="background-color:#483D8B"> </td>
</tr>
<tr>
<td>DarkSlateGray </td>
<td>#2F4F4F</td>
<td style="background-color:#2F4F4F"> </td>
</tr>
<tr>
<td>DarkTurquoise </td>
<td>#00CED1</td>
<td style="background-color:#00CED1"> </td>
</tr>
<tr>
<td>DarkViolet </td>
<td>#9400D3</td>
<td style="background-color:#9400D3"> </td>
</tr>
<tr>
<td>DeepPink </td>
<td>#FF1493</td>
<td style="background-color:#FF1493"> </td>
</tr>
<tr>
<td>DeepSkyBlue </td>
<td>#00BFFF</td>
<td style="background-color:#00BFFF"> </td>
</tr>
<tr>
<td>DimGray </td>
<td>#696969</td>
<td style="background-color:#696969"> </td>
</tr>
<tr>
<td>DodgerBlue </td>
<td>#1E90FF</td>
<td style="background-color:#1E90FF"> </td>
</tr>
<tr>
<td>Feldspar </td>
<td>#D19275</td>
<td style="background-color:#D19275"> </td>
</tr>
<tr>
<td>FireBrick </td>
<td>#B22222</td>
<td style="background-color:#B22222"> </td>
</tr>
<tr>
<td>FloralWhite </td>
<td>#FFFAF0</td>
<td style="background-color:#FFFAF0"> </td>
</tr>
<tr>
<td>ForestGreen </td>
<td>#228B22</td>
<td style="background-color:#228B22"> </td>
</tr>
<tr>
<td>Fuchsia </td>
<td>#FF00FF</td>
<td style="background-color:#FF00FF"> </td>
</tr>
<tr>
<td>Gainsboro </td>
<td>#DCDCDC</td>
<td style="background-color:#DCDCDC"> </td>
</tr>
<tr>
<td>GhostWhite </td>
<td>#F8F8FF</td>
<td style="background-color:#F8F8FF"> </td>
</tr>
<tr>
<td>Gold </td>
<td>#FFD700</td>
<td style="background-color:#FFD700"> </td>
</tr>
<tr>
<td>GoldenRod </td>
<td>#DAA520</td>
<td style="background-color:#DAA520"> </td>
</tr>
<tr>
<td>Gray </td>
<td>#808080</td>
<td style="background-color:#808080"> </td>
</tr>
<tr>
<td>Green </td>
<td>#008000</td>
<td style="background-color:#008000"> </td>
</tr>
<tr>
<td>GreenYellow </td>
<td>#ADFF2F</td>
<td style="background-color:#ADFF2F"> </td>
</tr>
<tr>
<td>HoneyDew </td>
<td>#F0FFF0</td>
<td style="background-color:#F0FFF0"> </td>
</tr>
<tr>
<td>HotPink </td>
<td>#FF69B4</td>
<td style="background-color:#FF69B4"> </td>
</tr>
<tr>
<td>IndianRed </td>
<td>#CD5C5C</td>
<td style="background-color:#CD5C5C"> </td>
</tr>
<tr>
<td>Indigo </td>
<td>#4B0082</td>
<td style="background-color:#4B0082"> </td>
</tr>
<tr>
<td>Ivory </td>
<td>#FFFFF0</td>
<td style="background-color:#FFFFF0"> </td>
</tr>
<tr>
<td>Khaki </td>
<td>#F0E68C</td>
<td style="background-color:#F0E68C"> </td>
</tr>
<tr>
<td>Lavender </td>
<td>#E6E6FA</td>
<td style="background-color:#E6E6FA"> </td>
</tr>
<tr>
<td>LavenderBlush </td>
<td>#FFF0F5</td>
<td style="background-color:#FFF0F5"> </td>
</tr>
<tr>
<td>LawnGreen </td>
<td>#7CFC00</td>
<td style="background-color:#7CFC00"> </td>
</tr>
<tr>
<td>LemonChiffon </td>
<td>#FFFACD</td>
<td style="background-color:#FFFACD"> </td>
</tr>
<tr>
<td>LightBlue </td>
<td>#ADD8E6</td>
<td style="background-color:#ADD8E6"> </td>
</tr>
<tr>
<td>LightCoral </td>
<td>#F08080</td>
<td style="background-color:#F08080"> </td>
</tr>
<tr>
<td>LightCyan </td>
<td>#E0FFFF</td>
<td style="background-color:#E0FFFF"> </td>
</tr>
<tr>
<td>LightGoldenRodYellow </td>
<td>#FAFAD2</td>
<td style="background-color:#FAFAD2"> </td>
</tr>
<tr>
<td>LightGrey </td>
<td>#D3D3D3</td>
<td style="background-color:#D3D3D3"> </td>
</tr>
<tr>
<td>LightGreen </td>
<td>#90EE90</td>
<td style="background-color:#90EE90"> </td>
</tr>
<tr>
<td>LightPink </td>
<td>#FFB6C1</td>
<td style="background-color:#FFB6C1"> </td>
</tr>
<tr>
<td>LightSalmon </td>
<td>#FFA07A</td>
<td style="background-color:#FFA07A"> </td>
</tr>
<tr>
<td>LightSeaGreen </td>
<td>#20B2AA</td>
<td style="background-color:#20B2AA"> </td>
</tr>
<tr>
<td>LightSkyBlue </td>
<td>#87CEFA</td>
<td style="background-color:#87CEFA"> </td>
</tr>
<tr>
<td>LightSlateBlue </td>
<td>#8470FF</td>
<td style="background-color:#8470FF"> </td>
</tr>
<tr>
<td>LightSlateGray </td>
<td>#778899</td>
<td style="background-color:#778899"> </td>
</tr>
<tr>
<td>LightSteelBlue </td>
<td>#B0C4DE</td>
<td style="background-color:#B0C4DE"> </td>
</tr>
<tr>
<td>LightYellow </td>
<td>#FFFFE0</td>
<td style="background-color:#FFFFE0"> </td>
</tr>
<tr>
<td>Lime </td>
<td>#00FF00</td>
<td style="background-color:#00FF00"> </td>
</tr>
<tr>
<td>LimeGreen </td>
<td>#32CD32</td>
<td style="background-color:#32CD32"> </td>
</tr>
<tr>
<td>Linen </td>
<td>#FAF0E6</td>
<td style="background-color:#FAF0E6"> </td>
</tr>
<tr>
<td>Magenta </td>
<td>#FF00FF</td>
<td style="background-color:#FF00FF"> </td>
</tr>
<tr>
<td>Maroon </td>
<td>#800000</td>
<td style="background-color:#800000"> </td>
</tr>
<tr>
<td>MediumAquaMarine </td>
<td>#66CDAA</td>
<td style="background-color:#66CDAA"> </td>
</tr>
<tr>
<td>MediumBlue </td>
<td>#0000CD</td>
<td style="background-color:#0000CD"> </td>
</tr>
<tr>
<td>MediumOrchid </td>
<td>#BA55D3</td>
<td style="background-color:#BA55D3"> </td>
</tr>
<tr>
<td>MediumPurple </td>
<td>#9370D8</td>
<td style="background-color:#9370D8"> </td>
</tr>
<tr>
<td>MediumSeaGreen </td>
<td>#3CB371</td>
<td style="background-color:#3CB371"> </td>
</tr>
<tr>
<td>MediumSlateBlue </td>
<td>#7B68EE</td>
<td style="background-color:#7B68EE"> </td>
</tr>
<tr>
<td>MediumSpringGreen </td>
<td>#00FA9A</td>
<td style="background-color:#00FA9A"> </td>
</tr>
<tr>
<td>MediumTurquoise </td>
<td>#48D1CC</td>
<td style="background-color:#48D1CC"> </td>
</tr>
<tr>
<td>MediumVioletRed </td>
<td>#C71585</td>
<td style="background-color:#C71585"> </td>
</tr>
<tr>
<td>MidnightBlue </td>
<td>#191970</td>
<td style="background-color:#191970"> </td>
</tr>
<tr>
<td>MintCream </td>
<td>#F5FFFA</td>
<td style="background-color:#F5FFFA"> </td>
</tr>
<tr>
<td>MistyRose </td>
<td>#FFE4E1</td>
<td style="background-color:#FFE4E1"> </td>
</tr>
<tr>
<td>Moccasin </td>
<td>#FFE4B5</td>
<td style="background-color:#FFE4B5"> </td>
</tr>
<tr>
<td>NavajoWhite </td>
<td>#FFDEAD</td>
<td style="background-color:#FFDEAD"> </td>
</tr>
<tr>
<td>Navy </td>
<td>#000080</td>
<td style="background-color:#000080"> </td>
</tr>
<tr>
<td>OldLace </td>
<td>#FDF5E6</td>
<td style="background-color:#FDF5E6"> </td>
</tr>
<tr>
<td>Olive </td>
<td>#808000</td>
<td style="background-color:#808000"> </td>
</tr>
<tr>
<td>OliveDrab </td>
<td>#6B8E23</td>
<td style="background-color:#6B8E23"> </td>
</tr>
<tr>
<td>Orange </td>
<td>#FFA500</td>
<td style="background-color:#FFA500"> </td>
</tr>
<tr>
<td>OrangeRed </td>
<td>#FF4500</td>
<td style="background-color:#FF4500"> </td>
</tr>
<tr>
<td>Orchid </td>
<td>#DA70D6</td>
<td style="background-color:#DA70D6"> </td>
</tr>
<tr>
<td>PaleGoldenRod </td>
<td>#EEE8AA</td>
<td style="background-color:#EEE8AA"> </td>
</tr>
<tr>
<td>PaleGreen </td>
<td>#98FB98</td>
<td style="background-color:#98FB98"> </td>
</tr>
<tr>
<td>PaleTurquoise </td>
<td>#AFEEEE</td>
<td style="background-color:#AFEEEE"> </td>
</tr>
<tr>
<td>PaleVioletRed </td>
<td>#D87093</td>
<td style="background-color:#D87093"> </td>
</tr>
<tr>
<td>PapayaWhip </td>
<td>#FFEFD5</td>
<td style="background-color:#FFEFD5"> </td>
</tr>
<tr>
<td>PeachPuff </td>
<td>#FFDAB9</td>
<td style="background-color:#FFDAB9"> </td>
</tr>
<tr>
<td>Peru </td>
<td>#CD853F</td>
<td style="background-color:#CD853F"> </td>
</tr>
<tr>
<td>Pink </td>
<td>#FFC0CB</td>
<td style="background-color:#FFC0CB"> </td>
</tr>
<tr>
<td>Plum </td>
<td>#DDA0DD</td>
<td style="background-color:#DDA0DD"> </td>
</tr>
<tr>
<td>PowderBlue </td>
<td>#B0E0E6</td>
<td style="background-color:#B0E0E6"> </td>
</tr>
<tr>
<td>Purple </td>
<td>#800080</td>
<td style="background-color:#800080"> </td>
</tr>
<tr>
<td>Red </td>
<td>#FF0000</td>
<td style="background-color:#FF0000"> </td>
</tr>
<tr>
<td>RosyBrown </td>
<td>#BC8F8F</td>
<td style="background-color:#BC8F8F"> </td>
</tr>
<tr>
<td>RoyalBlue </td>
<td>#4169E1</td>
<td style="background-color:#4169E1"> </td>
</tr>
<tr>
<td>SaddleBrown </td>
<td>#8B4513</td>
<td style="background-color:#8B4513"> </td>
</tr>
<tr>
<td>Salmon </td>
<td>#FA8072</td>
<td style="background-color:#FA8072"> </td>
</tr>
<tr>
<td>SandyBrown </td>
<td>#F4A460</td>
<td style="background-color:#F4A460"> </td>
</tr>
<tr>
<td>SeaGreen </td>
<td>#2E8B57</td>
<td style="background-color:#2E8B57"> </td>
</tr>
<tr>
<td>SeaShell </td>
<td>#FFF5EE</td>
<td style="background-color:#FFF5EE"> </td>
</tr>
<tr>
<td>Sienna </td>
<td>#A0522D</td>
<td style="background-color:#A0522D"> </td>
</tr>
<tr>
<td>Silver </td>
<td>#C0C0C0</td>
<td style="background-color:#C0C0C0"> </td>
</tr>
<tr>
<td>SkyBlue </td>
<td>#87CEEB</td>
<td style="background-color:#87CEEB"> </td>
</tr>
<tr>
<td>SlateBlue </td>
<td>#6A5ACD</td>
<td style="background-color:#6A5ACD"> </td>
</tr>
<tr>
<td>SlateGray </td>
<td>#708090</td>
<td style="background-color:#708090"> </td>
</tr>
<tr>
<td>Snow </td>
<td>#FFFAFA</td>
<td style="background-color:#FFFAFA"> </td>
</tr>
<tr>
<td>SpringGreen </td>
<td>#00FF7F</td>
<td style="background-color:#00FF7F"> </td>
</tr>
<tr>
<td>SteelBlue </td>
<td>#4682B4</td>
<td style="background-color:#4682B4"> </td>
</tr>
<tr>
<td>Tan </td>
<td>#D2B48C</td>
<td style="background-color:#D2B48C"> </td>
</tr>
<tr>
<td>Teal </td>
<td>#008080</td>
<td style="background-color:#008080"> </td>
</tr>
<tr>
<td>Thistle </td>
<td>#D8BFD8</td>
<td style="background-color:#D8BFD8"> </td>
</tr>
<tr>
<td>Tomato </td>
<td>#FF6347</td>
<td style="background-color:#FF6347"> </td>
</tr>
<tr>
<td>Turquoise </td>
<td>#40E0D0</td>
<td style="background-color:#40E0D0"> </td>
</tr>
<tr>
<td>Violet </td>
<td>#EE82EE</td>
<td style="background-color:#EE82EE"> </td>
</tr>
<tr>
<td>VioletRed </td>
<td>#D02090</td>
<td style="background-color:#D02090"> </td>
</tr>
<tr>
<td>Wheat </td>
<td>#F5DEB3</td>
<td style="background-color:#F5DEB3"> </td>
</tr>
<tr>
<td>White </td>
<td>#FFFFFF</td>
<td style="background-color:#FFFFFF"> </td>
</tr>
<tr>
<td>WhiteSmoke </td>
<td>#F5F5F5</td>
<td style="background-color:#F5F5F5"> </td>
</tr>
<tr>
<td>Yellow </td>
<td>#FFFF00</td>
<td style="background-color:#FFFF00"> </td>
</tr>
<tr>
<td>YellowGreen </td>
<td>#9ACD32</td>
<td style="background-color:#9ACD32"> </td>
</tr>
</tbody>
</table>
</div>
<div class="mm">---翻译----></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>艾莉斯蓝 </td>
<td>#F0F8FF</td>
<td style="background-color:#F0F8FF"> </td>
</tr>
<tr>
<td>古董白 </td>
<td>#FAEBD7</td>
<td style="background-color:#FAEBD7"> </td>
</tr>
<tr>
<td>水族 </td>
<td>#00FFFF</td>
<td style="background-color:#00FFFF"> </td>
</tr>
<tr>
<td>蓝晶 </td>
<td>#7FFFD4</td>
<td style="background-color:#7FFFD4"> </td>
</tr>
<tr>
<td>天蓝 </td>
<td>#F0FFFF</td>
<td style="background-color:#F0FFFF"> </td>
</tr>
<tr>
<td>米色 </td>
<td>#F5F5DC</td>
<td style="background-color:#F5F5DC"> </td>
</tr>
<tr>
<td>浓汤 </td>
<td>#FFE4C4</td>
<td style="background-color:#FFE4C4"> </td>
</tr>
<tr>
<td>黑色 </td>
<td>#000000</td>
<td style="background-color:#000000"> </td>
</tr>
<tr>
<td>杏仁白 </td>
<td>#FFEBCD</td>
<td style="background-color:#FFEBCD"> </td>
</tr>
<tr>
<td>蓝色 </td>
<td>#0000FF</td>
<td style="background-color:#0000FF"> </td>
</tr>
<tr>
<td>紫罗兰色 </td>
<td>#8A2BE2</td>
<td style="background-color:#8A2BE2"> </td>
</tr>
<tr>
<td>棕色 </td>
<td>#A52A2A</td>
<td style="background-color:#A52A2A"> </td>
</tr>
<tr>
<td>原木色 </td>
<td>#DEB887</td>
<td style="background-color:#DEB887"> </td>
</tr>
<tr>
<td>藏青 </td>
<td>#5F9EA0</td>
<td style="background-color:#5F9EA0"> </td>
</tr>
<tr>
<td>黄绿色 </td>
<td>#7FFF00</td>
<td style="background-color:#7FFF00"> </td>
</tr>
<tr>
<td>巧克力 </td>
<td>#D2691E</td>
<td style="background-color:#D2691E"> </td>
</tr>
<tr>
<td>珊瑚 </td>
<td>#FF7F50</td>
<td style="background-color:#FF7F50"> </td>
</tr>
<tr>
<td>矢菊花 </td>
<td>#6495ED</td>
<td style="background-color:#6495ED"> </td>
</tr>
<tr>
<td>玉米穗黄 </td>
<td>#FFF8DC</td>
<td style="background-color:#FFF8DC"> </td>
</tr>
<tr>
<td>赤红 </td>
<td>#DC143C</td>
<td style="background-color:#DC143C"> </td>
</tr>
<tr>
<td>青色 </td>
<td>#00FFFF</td>
<td style="background-color:#00FFFF"> </td>
</tr>
<tr>
<td>深蓝 </td>
<td>#00008B</td>
<td style="background-color:#00008B"> </td>
</tr>
<tr>
<td>深青绿 </td>
<td>#008B8B</td>
<td style="background-color:#008B8B"> </td>
</tr>
<tr>
<td>深金黄 </td>
<td>#B8860B</td>
<td style="background-color:#B8860B"> </td>
</tr>
<tr>
<td>深灰色 </td>
<td>#A9A9A9</td>
<td style="background-color:#A9A9A9"> </td>
</tr>
<tr>
<td>深绿色 </td>
<td>#006400</td>
<td style="background-color:#006400"> </td>
</tr>
<tr>
<td>深卡其色 </td>
<td>#BDB76B</td>
<td style="background-color:#BDB76B"> </td>
</tr>
<tr>
<td>深洋红 </td>
<td>#8B008B</td>
<td style="background-color:#8B008B"> </td>
</tr>
<tr>
<td>深橄榄绿 </td>
<td>#556B2F</td>
<td style="background-color:#556B2F"> </td>
</tr>
<tr>
<td>深橙 </td>
<td>#FF8C00</td>
<td style="background-color:#FF8C00"> </td>
</tr>
<tr>
<td>深兰花紫 </td>
<td>#9932CC</td>
<td style="background-color:#9932CC"> </td>
</tr>
<tr>
<td>深红 </td>
<td>#8B0000</td>
<td style="background-color:#8B0000"> </td>
</tr>
<tr>
<td>深橙红 </td>
<td>#E9967A</td>
<td style="background-color:#E9967A"> </td>
</tr>
<tr>
<td>海藻绿 </td>
<td>#8FBC8F</td>
<td style="background-color:#8FBC8F"> </td>
</tr>
<tr>
<td>深青蓝 </td>
<td>#483D8B</td>
<td style="background-color:#483D8B"> </td>
</tr>
<tr>
<td>深青灰 </td>
<td>#2F4F4F</td>
<td style="background-color:#2F4F4F"> </td>
</tr>
<tr>
<td>darkturquois到 </td>
<td>#00CED1</td>
<td style="background-color:#00CED1"> </td>
</tr>
<tr>
<td>深紫 </td>
<td>#9400D3</td>
<td style="background-color:#9400D3"> </td>
</tr>
<tr>
<td>深粉红 </td>
<td>#FF1493</td>
<td style="background-color:#FF1493"> </td>
</tr>
<tr>
<td>深天蓝 </td>
<td>#00BFFF</td>
<td style="background-color:#00BFFF"> </td>
</tr>
<tr>
<td>暗灰 </td>
<td>#696969</td>
<td style="background-color:#696969"> </td>
</tr>
<tr>
<td>宝蓝 </td>
<td>#1E90FF</td>
<td style="background-color:#1E90FF"> </td>
</tr>
<tr>
<td>长石 </td>
<td>#D19275</td>
<td style="background-color:#D19275"> </td>
</tr>
<tr>
<td>耐火砖 </td>
<td>#B22222</td>
<td style="background-color:#B22222"> </td>
</tr>
<tr>
<td>花白 </td>
<td>#FFFAF0</td>
<td style="background-color:#FFFAF0"> </td>
</tr>
<tr>
<td>森林绿 </td>
<td>#228B22</td>
<td style="background-color:#228B22"> </td>
</tr>
<tr>
<td>紫红色 </td>
<td>#FF00FF</td>
<td style="background-color:#FF00FF"> </td>
</tr>
<tr>
<td>亮灰 </td>
<td>#DCDCDC</td>
<td style="background-color:#DCDCDC"> </td>
</tr>
<tr>
<td>GhostWhite </td>
<td>#F8F8FF</td>
<td style="background-color:#F8F8FF"> </td>
</tr>
<tr>
<td>金 </td>
<td>#FFD700</td>
<td style="background-color:#FFD700"> </td>
</tr>
<tr>
<td>黄花 </td>
<td>#DAA520</td>
<td style="background-color:#DAA520"> </td>
</tr>
<tr>
<td>灰色 </td>
<td>#808080</td>
<td style="background-color:#808080"> </td>
</tr>
<tr>
<td>绿色 </td>
<td>#008000</td>
<td style="background-color:#008000"> </td>
</tr>
<tr>
<td>黄绿色 </td>
<td>#ADFF2F</td>
<td style="background-color:#ADFF2F"> </td>
</tr>
<tr>
<td>甘露 </td>
<td>#F0FFF0</td>
<td style="background-color:#F0FFF0"> </td>
</tr>
<tr>
<td>亮粉色 </td>
<td>#FF69B4</td>
<td style="background-color:#FF69B4"> </td>
</tr>
<tr>
<td>印地安 </td>
<td>#CD5C5C</td>
<td style="background-color:#CD5C5C"> </td>
</tr>
<tr>
<td>靛青 </td>
<td>#4B0082</td>
<td style="background-color:#4B0082"> </td>
</tr>
<tr>
<td>象牙 </td>
<td>#FFFFFF0</td>
<td style="background-color:#FFFFF0"> </td>
</tr>
<tr>
<td>黄褐色 </td>
<td>#F0E68C</td>
<td style="background-color:#F0E68C"> </td>
</tr>
<tr>
<td>薰衣草 </td>
<td>#E6E6FA</td>
<td style="background-color:#E6E6FA"> </td>
</tr>
<tr>
<td>淡紫 </td>
<td>#FFF0F5</td>
<td style="background-color:#FFF0F5"> </td>
</tr>
<tr>
<td>草绿 </td>
<td>#7CFC00</td>
<td style="background-color:#7CFC00"> </td>
</tr>
<tr>
<td>粉黄 </td>
<td>#FFFACD</td>
<td style="background-color:#FFFACD"> </td>
</tr>
<tr>
<td>浅蓝 </td>
<td>#ADD8E6</td>
<td style="background-color:#ADD8E6"> </td>
</tr>
<tr>
<td>浅珊瑚红 </td>
<td>#F08080</td>
<td style="background-color:#F08080"> </td>
</tr>
<tr>
<td>浅青绿 </td>
<td>#E0FFFF</td>
<td style="background-color:#E0FFFF"> </td>
</tr>
<tr>
<td>浅金黄 </td>
<td>#FAFAD2</td>
<td style="background-color:#FAFAD2"> </td>
</tr>
<tr>
<td>浅灰色 </td>
<td>#D3D3D3</td>
<td style="background-color:#D3D3D3"> </td>
</tr>
<tr>
<td>浅绿 </td>
<td>#90EE90</td>
<td style="background-color:#90EE90"> </td>
</tr>
<tr>
<td>浅粉红 </td>
<td>#FFB6C1</td>
<td style="background-color:#FFB6C1"> </td>
</tr>
<tr>
<td>橙红 </td>
<td>#FFA07A</td>
<td style="background-color:#FFA07A"> </td>
</tr>
<tr>
<td>海藻绿 </td>
<td>#20B2AA</td>
<td style="background-color:#20B2AA"> </td>
</tr>
<tr>
<td>天蓝 </td>
<td>#87CEFA</td>
<td style="background-color:#87CEFA"> </td>
</tr>
<tr>
<td>LightSlateBlue </td>
<td>#8470FF</td>
<td style="background-color:#8470FF"> </td>
</tr>
<tr>
<td>青灰 </td>
<td>#778899</td>
<td style="background-color:#778899"> </td>
</tr>
<tr>
<td>浅钢 </td>
<td>#B0C4DE</td>
<td style="background-color:#B0C4DE"> </td>
</tr>
<tr>
<td>浅黄色 </td>
<td>#FFFF0</td>
<td style="background-color:#FFFFE0"> </td>
</tr>
<tr>
<td>青柠 </td>
<td>#00FF00</td>
<td style="background-color:#00FF00"> </td>
</tr>
<tr>
<td>暗绿 </td>
<td>#32CD32</td>
<td style="background-color:#32CD32"> </td>
</tr>
<tr>
<td>麻布 </td>
<td>#FAF0E6</td>
<td style="background-color:#FAF0E6"> </td>
</tr>
<tr>
<td>Magenta </td>
<td>#FF00FF</td>
<td style="background-color:#FF00FF"> </td>
</tr>
<tr>
<td>Maroon </td>
<td>#800000</td>
<td style="background-color:#800000"> </td>
</tr>
<tr>
<td>MediumAquaMarine </td>
<td>#66CDAA</td>
<td style="background-color:#66CDAA"> </td>
</tr>
<tr>
<td>MediumBlue </td>
<td>#0000CD</td>
<td style="background-color:#0000CD"> </td>
</tr>
<tr>
<td>MediumOrchid </td>
<td>#BA55D3</td>
<td style="background-color:#BA55D3"> </td>
</tr>
<tr>
<td>MediumPurple </td>
<td>#9370D8</td>
<td style="background-color:#9370D8"> </td>
</tr>
<tr>
<td>MediumSeaGreen </td>
<td>#3CB371</td>
<td style="background-color:#3CB371"> </td>
</tr>
<tr>
<td>MediumSlateBlue </td>
<td>#7B68EE</td>
<td style="background-color:#7B68EE"> </td>
</tr>
<tr>
<td>MediumSpringGreen </td>
<td>#00FA9A</td>
<td style="background-color:#00FA9A"> </td>
</tr>
<tr>
<td>MediumTurquoise </td>
<td>#48D1CC</td>
<td style="background-color:#48D1CC"> </td>
</tr>
<tr>
<td>MediumVioletRed </td>
<td>#C71585</td>
<td style="background-color:#C71585"> </td>
</tr>
<tr>
<td>MidnightBlue </td>
<td>#191970</td>
<td style="background-color:#191970"> </td>
</tr>
<tr>
<td>MintCream </td>
<td>#F5FFFA</td>
<td style="background-color:#F5FFFA"> </td>
</tr>
<tr>
<td>MistyRose </td>
<td>#FFE4E1</td>
<td style="background-color:#FFE4E1"> </td>
</tr>
<tr>
<td>Moccasin </td>
<td>#FFE4B5</td>
<td style="background-color:#FFE4B5"> </td>
</tr>
<tr>
<td>NavajoWhite </td>
<td>#FFDEAD</td>
<td style="background-color:#FFDEAD"> </td>
</tr>
<tr>
<td>Navy </td>
<td>#000080</td>
<td style="background-color:#000080"> </td>
</tr>
<tr>
<td>OldLace </td>
<td>#FDF5E6</td>
<td style="background-color:#FDF5E6"> </td>
</tr>
<tr>
<td>Olive </td>
<td>#808000</td>
<td style="background-color:#808000"> </td>
</tr>
<tr>
<td>OliveDrab </td>
<td>#6B8E23</td>
<td style="background-color:#6B8E23"> </td>
</tr>
<tr>
<td>Orange </td>
<td>#FFA500</td>
<td style="background-color:#FFA500"> </td>
</tr>
<tr>
<td>OrangeRed </td>
<td>#FF4500</td>
<td style="background-color:#FF4500"> </td>
</tr>
<tr>
<td>Orchid </td>
<td>#DA70D6</td>
<td style="background-color:#DA70D6"> </td>
</tr>
<tr>
<td>PaleGoldenRod </td>
<td>#EEE8AA</td>
<td style="background-color:#EEE8AA"> </td>
</tr>
<tr>
<td>PaleGreen </td>
<td>#98FB98</td>
<td style="background-color:#98FB98"> </td>
</tr>
<tr>
<td>PaleTurquoise </td>
<td>#AFEEEE</td>
<td style="background-color:#AFEEEE"> </td>
</tr>
<tr>
<td>PaleVioletRed </td>
<td>#D87093</td>
<td style="background-color:#D87093"> </td>
</tr>
<tr>
<td>PapayaWhip </td>
<td>#FFEFD5</td>
<td style="background-color:#FFEFD5"> </td>
</tr>
<tr>
<td>PeachPuff </td>
<td>#FFDAB9</td>
<td style="background-color:#FFDAB9"> </td>
</tr>
<tr>
<td>Peru </td>
<td>#CD853F</td>
<td style="background-color:#CD853F"> </td>
</tr>
<tr>
<td>Pink </td>
<td>#FFC0CB</td>
<td style="background-color:#FFC0CB"> </td>
</tr>
<tr>
<td>Plum </td>
<td>#DDA0DD</td>
<td style="background-color:#DDA0DD"> </td>
</tr>
<tr>
<td>PowderBlue </td>
<td>#B0E0E6</td>
<td style="background-color:#B0E0E6"> </td>
</tr>
<tr>
<td>Purple </td>
<td>#800080</td>
<td style="background-color:#800080"> </td>
</tr>
<tr>
<td>Red </td>
<td>#FF0000</td>
<td style="background-color:#FF0000"> </td>
</tr>
<tr>
<td>RosyBrown </td>
<td>#BC8F8F</td>
<td style="background-color:#BC8F8F"> </td>
</tr>
<tr>
<td>RoyalBlue </td>
<td>#4169E1</td>
<td style="background-color:#4169E1"> </td>
</tr>
<tr>
<td>SaddleBrown </td>
<td>#8B4513</td>
<td style="background-color:#8B4513"> </td>
</tr>
<tr>
<td>Salmon </td>
<td>#FA8072</td>
<td style="background-color:#FA8072"> </td>
</tr>
<tr>
<td>SandyBrown </td>
<td>#F4A460</td>
<td style="background-color:#F4A460"> </td>
</tr>
<tr>
<td>SeaGreen </td>
<td>#2E8B57</td>
<td style="background-color:#2E8B57"> </td>
</tr>
<tr>
<td>SeaShell </td>
<td>#FFF5EE</td>
<td style="background-color:#FFF5EE"> </td>
</tr>
<tr>
<td>Sienna </td>
<td>#A0522D</td>
<td style="background-color:#A0522D"> </td>
</tr>
<tr>
<td>Silver </td>
<td>#C0C0C0</td>
<td style="background-color:#C0C0C0"> </td>
</tr>
<tr>
<td>SkyBlue </td>
<td>#87CEEB</td>
<td style="background-color:#87CEEB"> </td>
</tr>
<tr>
<td>SlateBlue </td>
<td>#6A5ACD</td>
<td style="background-color:#6A5ACD"> </td>
</tr>
<tr>
<td>SlateGray </td>
<td>#708090</td>
<td style="background-color:#708090"> </td>
</tr>
<tr>
<td>Snow </td>
<td>#FFFAFA</td>
<td style="background-color:#FFFAFA"> </td>
</tr>
<tr>
<td>SpringGreen </td>
<td>#00FF7F</td>
<td style="background-color:#00FF7F"> </td>
</tr>
<tr>
<td>SteelBlue </td>
<td>#4682B4</td>
<td style="background-color:#4682B4"> </td>
</tr>
<tr>
<td>Tan </td>
<td>#D2B48C</td>
<td style="background-color:#D2B48C"> </td>
</tr>
<tr>
<td>Teal </td>
<td>#008080</td>
<td style="background-color:#008080"> </td>
</tr>
<tr>
<td>Thistle </td>
<td>#D8BFD8</td>
<td style="background-color:#D8BFD8"> </td>
</tr>
<tr>
<td>Tomato </td>
<td>#FF6347</td>
<td style="background-color:#FF6347"> </td>
</tr>
<tr>
<td>绿松石 </td>
<td>#40E0D0</td>
<td style="background-color:#40E0D0"> </td>
</tr>
<tr>
<td>紫色 </td>
<td>#EE82EE</td>
<td style="background-color:#EE82EE"> </td>
</tr>
<tr>
<td>VioletRed </td>
<td>#D02090</td>
<td style="background-color:#D02090"> </td>
</tr>
<tr>
<td>小麦 </td>
<td>#F5DEB3</td>
<td style="background-color:#F5DEB3"> </td>
</tr>
<tr>
<td>白色 </td>
<td>#FFFFFF</td>
<td style="background-color:#FFFFFF"> </td>
</tr>
<tr>
<td>白色的烟 </td>
<td>#F5F5F5</td>
<td style="background-color:#F5F5F5"> </td>
</tr>
<tr>
<td>黄色 </td>
<td>#FFFF00</td>
<td style="background-color:#FFFF00"> </td>
</tr>
<tr>
<td>黄绿色 </td>
<td>#9ACD32</td>
<td style="background-color:#9ACD32"> </td>
</tr>
</tbody>
</table>
</div>
</body>
</html>