HTML 颜色混搭 _HTML 参考手册_HTML/CSS_教程_教程_JSON在线解析及格式化验证_CPU中文网

Tool.cpu.com.cn

在线开发工具

程序员教程

图形图像工具

文字处理工具

HTML 参考手册

HTML 标签列表(字母排序)
HTML 标签列表（功能排序）
HTML 全局属性
HTML 事件
HTML 画布
HTML 音频/视频
HTML 有效DOCTYPES
HTML 颜色名
HTML 拾色器
HTML 颜色混搭
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL 编码
HTML 语言代码
HTTP 消息
HTTP 方法
Px/Em 换算工具
键盘快捷键
HTML 标签
- </a> </li> <li class=""> <a href="/jiaocheng/co-1055.html"> <img></a> </li> <li class=""> <a href="/jiaocheng/co-1056.html"> <input></a> </li> <li class=""> <a href="/jiaocheng/co-1057.html"> <ins></a> </li> <li class=""> <a href="/jiaocheng/co-1058.html"> <kbd></a> </li> <li class=""> <a href="/jiaocheng/co-1059.html"> <keygen></a> </li> <li class=""> <a href="/jiaocheng/co-1060.html"> <label></a> </li> <li class=""> <a href="/jiaocheng/co-1061.html"> <legend></a> </li> <li class=""> <a href="/jiaocheng/co-1062.html"> <li></a> </li> <li class=""> <a href="/jiaocheng/co-1063.html"> <link></a> </li> <li class=""> <a href="/jiaocheng/co-1064.html"><main></a> </li> <li class=""> <a href="/jiaocheng/co-1065.html"> <map></a> </li> <li class=""> <a href="/jiaocheng/co-1066.html"> <mark></a> </li> <li class=""> <a href="/jiaocheng/co-1067.html"> <menu></a> </li> <li class=""> <a href="/jiaocheng/co-1068.html"> <meta></a> </li> <li class=""> <a href="/jiaocheng/co-1069.html"> <meter></a> </li> <li class=""> <a href="/jiaocheng/co-1070.html"> <nav></a> </li> <li class=""> <a href="/jiaocheng/co-1071.html"> <noframes></a> </li> <li class=""> <a href="/jiaocheng/co-1072.html"> <noscript></a> </li> <li class=""> <a href="/jiaocheng/co-1073.html"> <object></a> </li> <li class=""> <a href="/jiaocheng/co-1074.html"> <ol></a> </li> <li class=""> <a href="/jiaocheng/co-1075.html"> <optgroup></a> </li> <li class=""> <a href="/jiaocheng/co-1076.html"> <option></a> </li> <li class=""> <a href="/jiaocheng/co-1077.html"> <output></a> </li> <li class=""> <a href="/jiaocheng/co-1078.html"> <p></a> </li> <li class=""> <a href="/jiaocheng/co-1079.html"> <param></a> </li> <li class=""> <a href="/jiaocheng/co-1080.html"> <pre></a> </li> <li class=""> <a href="/jiaocheng/co-1081.html"> <html></a> </li> <li class=""> <a href="/jiaocheng/co-1082.html"><picture></a> </li> <li class=""> <a href="/jiaocheng/co-1083.html">progress</a> </li> <li class=""> <a href="/jiaocheng/co-1084.html">q </a> </li> <li class=""> <a href="/jiaocheng/co-1085.html"> <rp></a> </li> <li class=""> <a href="/jiaocheng/co-1086.html"> <rt></a> </li> <li class=""> <a href="/jiaocheng/co-1087.html"> <ruby></a> </li> <li class=""> <a href="/jiaocheng/co-1088.html"> <s></a> </li> <li class=""> <a href="/jiaocheng/co-1089.html"> <samp></a> </li> <li class=""> <a href="/jiaocheng/co-1090.html"><script> </a> </li> <li class=""> <a href="/jiaocheng/co-1091.html"> <section></a> </li> <li class=""> <a href="/jiaocheng/co-1092.html"> <select></a> </li> <li class=""> <a href="/jiaocheng/co-1093.html"> <small></a> </li> <li class=""> <a href="/jiaocheng/co-1094.html"> <source></a> </li> <li class=""> <a href="/jiaocheng/co-1095.html"> <span></a> </li> <li class=""> <a href="/jiaocheng/co-1096.html"> <strike></a> </li> <li class=""> <a href="/jiaocheng/co-1097.html"> <strong></a> </li> <li class=""> <a href="/jiaocheng/co-1098.html"> <style></a> </li> <li class=""> <a href="/jiaocheng/co-1099.html"> <sub></a> </li> <li class=""> <a href="/jiaocheng/co-1100.html"> <summary></a> </li> <li class=""> <a href="/jiaocheng/co-1101.html"> <sup></a> </li> <li class=""> <a href="/jiaocheng/co-1102.html"> <table></a> </li> <li class=""> <a href="/jiaocheng/co-1103.html"> <tbody></a> </li> <li class=""> <a href="/jiaocheng/co-1104.html"> <td></a> </li> <li class=""> <a href="/jiaocheng/co-1105.html"> <textarea></a> </li> <li class=""> <a href="/jiaocheng/co-1106.html"> <tfoot></a> </li> <li class=""> <a href="/jiaocheng/co-1107.html"> <th></a> </li> <li class=""> <a href="/jiaocheng/co-1108.html"> <thead></a> </li> <li class=""> <a href="/jiaocheng/co-1109.html"> <time></a> </li> <li class=""> <a href="/jiaocheng/co-1110.html"> <title></a> </li> <li class=""> <a href="/jiaocheng/co-1111.html"> <tr></a> </li> <li class=""> <a href="/jiaocheng/co-1112.html"> <track></a> </li> <li class=""> <a href="/jiaocheng/co-1113.html"> <tt></a> </li> <li class=""> <a href="/jiaocheng/co-1114.html"> <u></a> </li> <li class=""> <a href="/jiaocheng/co-1115.html"> <ul></a> </li> <li class=""> <a href="/jiaocheng/co-1116.html"> <var></a> </li> <li class=""> <a href="/jiaocheng/co-1117.html"> <video></a> </li> <li class=""> <a href="/jiaocheng/co-1118.html"> <wbr></a> </li> </ul> </div>  <div id='write' class='is-node'> <h1 class="border-b-none"><a name="" class="md-header-anchor"></a><span> HTML 颜色混搭 </span></h1> <div class="pre-and-next"> <a href="co-987.html">上一篇： HTML 拾色器</a> <a href="co-989.html" >下一篇： HTML 字符集 </a> </div> <div class="article-intro" id="content"><script>  </script><p>混搭两种颜色，并查看效果：</p><table class="tecspec"> <tbody><tr> <td style="width:50%"> 选择颜色： <div><div id="selectedColortop" style='visibility:hidden;position:relative;width:21px;height:21px;background-repeat:no-repeat;background-image:url("../uploadfile/up/4a/1b/0a/61bf9e1014a3fa7fd8cda455f70a1b4a.jpg")'></div><img alt="colormap" src="../uploadfile/up/4a/1b/0a/61bf9e1014a3fa7fd8cda455f70a1b4a.jpg" style="margin-right:2px;" usemap="#colormap_top"/><map id="colormap_top" name="colormap_top" onmouseout="mouseOutMaptop(1)"><area alt="#003366" coords="63,0,72,4,72,15,63,19,54,15,54,4" onclick='clickColor("#003366",1,20,54)' onmouseover='mouseOverColortop("#003366",1)' shape="poly" style="cursor:pointer"/><area alt="#336699" coords="81,0,90,4,90,15,81,19,72,15,72,4" onclick='clickColor("#336699",1,20,72)' onmouseover='mouseOverColortop("#336699",1)' shape="poly" style="cursor:pointer"/><area alt="#3366CC" coords="99,0,108,4,108,15,99,19,90,15,90,4" onclick='clickColor("#3366CC",1,20,90)' onmouseover='mouseOverColortop("#3366CC",1)' shape="poly" style="cursor:pointer"/><area alt="#003399" coords="117,0,126,4,126,15,117,19,108,15,108,4" onclick='clickColor("#003399",1,20,108)' onmouseover='mouseOverColortop("#003399",1)' shape="poly" style="cursor:pointer"/><area alt="#000099" coords="135,0,144,4,144,15,135,19,126,15,126,4" onclick='clickColor("#000099",1,20,126)' onmouseover='mouseOverColortop("#000099",1)' shape="poly" style="cursor:pointer"/><area alt="#0000CC" coords="153,0,162,4,162,15,153,19,144,15,144,4" onclick='clickColor("#0000CC",1,20,144)' onmouseover='mouseOverColortop("#0000CC",1)' shape="poly" style="cursor:pointer"/><area alt="#000066" coords="171,0,180,4,180,15,171,19,162,15,162,4" onclick='clickColor("#000066",1,20,162)' onmouseover='mouseOverColortop("#000066",1)' shape="poly" style="cursor:pointer"/><area alt="#006666" coords="54,15,63,19,63,30,54,34,45,30,45,19" onclick='clickColor("#006666",1,35,45)' onmouseover='mouseOverColortop("#006666",1)' shape="poly" style="cursor:pointer"/><area alt="#006699" coords="72,15,81,19,81,30,72,34,63,30,63,19" onclick='clickColor("#006699",1,35,63)' onmouseover='mouseOverColortop("#006699",1)' shape="poly" style="cursor:pointer"/><area alt="#0099CC" coords="90,15,99,19,99,30,90,34,81,30,81,19" onclick='clickColor("#0099CC",1,35,81)' onmouseover='mouseOverColortop("#0099CC",1)' shape="poly" style="cursor:pointer"/><area alt="#0066CC" coords="108,15,117,19,117,30,108,34,99,30,99,19" onclick='clickColor("#0066CC",1,35,99)' onmouseover='mouseOverColortop("#0066CC",1)' shape="poly" style="cursor:pointer"/><area alt="#0033CC" coords="126,15,135,19,135,30,126,34,117,30,117,19" onclick='clickColor("#0033CC",1,35,117)' onmouseover='mouseOverColortop("#0033CC",1)' shape="poly" style="cursor:pointer"/><area alt="#0000FF" coords="144,15,153,19,153,30,144,34,135,30,135,19" onclick='clickColor("#0000FF",1,35,135)' onmouseover='mouseOverColortop("#0000FF",1)' shape="poly" style="cursor:pointer"/><area alt="#3333FF" coords="162,15,171,19,171,30,162,34,153,30,153,19" onclick='clickColor("#3333FF",1,35,153)' onmouseover='mouseOverColortop("#3333FF",1)' shape="poly" style="cursor:pointer"/><area alt="#333399" coords="180,15,189,19,189,30,180,34,171,30,171,19" onclick='clickColor("#333399",1,35,171)' onmouseover='mouseOverColortop("#333399",1)' shape="poly" style="cursor:pointer"/><area alt="#669999" coords="45,30,54,34,54,45,45,49,36,45,36,34" onclick='clickColor("#669999",1,50,36)' onmouseover='mouseOverColortop("#669999",1)' shape="poly" style="cursor:pointer"/><area alt="#009999" coords="63,30,72,34,72,45,63,49,54,45,54,34" onclick='clickColor("#009999",1,50,54)' onmouseover='mouseOverColortop("#009999",1)' shape="poly" style="cursor:pointer"/><area alt="#33CCCC" coords="81,30,90,34,90,45,81,49,72,45,72,34" onclick='clickColor("#33CCCC",1,50,72)' onmouseover='mouseOverColortop("#33CCCC",1)' shape="poly" style="cursor:pointer"/><area alt="#00CCFF" coords="99,30,108,34,108,45,99,49,90,45,90,34" onclick='clickColor("#00CCFF",1,50,90)' onmouseover='mouseOverColortop("#00CCFF",1)' shape="poly" style="cursor:pointer"/><area alt="#0099FF" coords="117,30,126,34,126,45,117,49,108,45,108,34" onclick='clickColor("#0099FF",1,50,108)' onmouseover='mouseOverColortop("#0099FF",1)' shape="poly" style="cursor:pointer"/><area alt="#0066FF" coords="135,30,144,34,144,45,135,49,126,45,126,34" onclick='clickColor("#0066FF",1,50,126)' onmouseover='mouseOverColortop("#0066FF",1)' shape="poly" style="cursor:pointer"/><area alt="#3366FF" coords="153,30,162,34,162,45,153,49,144,45,144,34" onclick='clickColor("#3366FF",1,50,144)' onmouseover='mouseOverColortop("#3366FF",1)' shape="poly" style="cursor:pointer"/><area alt="#3333CC" coords="171,30,180,34,180,45,171,49,162,45,162,34" onclick='clickColor("#3333CC",1,50,162)' onmouseover='mouseOverColortop("#3333CC",1)' shape="poly" style="cursor:pointer"/><area alt="#666699" coords="189,30,198,34,198,45,189,49,180,45,180,34" onclick='clickColor("#666699",1,50,180)' onmouseover='mouseOverColortop("#666699",1)' shape="poly" style="cursor:pointer"/><area alt="#339966" coords="36,45,45,49,45,60,36,64,27,60,27,49" onclick='clickColor("#339966",1,65,27)' onmouseover='mouseOverColortop("#339966",1)' shape="poly" style="cursor:pointer"/><area alt="#00CC99" coords="54,45,63,49,63,60,54,64,45,60,45,49" onclick='clickColor("#00CC99",1,65,45)' onmouseover='mouseOverColortop("#00CC99",1)' shape="poly" style="cursor:pointer"/><area alt="#00FFCC" coords="72,45,81,49,81,60,72,64,63,60,63,49" onclick='clickColor("#00FFCC",1,65,63)' onmouseover='mouseOverColortop("#00FFCC",1)' shape="poly" style="cursor:pointer"/><area alt="#00FFFF" coords="90,45,99,49,99,60,90,64,81,60,81,49" onclick='clickColor("#00FFFF",1,65,81)' onmouseover='mouseOverColortop("#00FFFF",1)' shape="poly" style="cursor:pointer"/><area alt="#33CCFF" coords="108,45,117,49,117,60,108,64,99,60,99,49" onclick='clickColor("#33CCFF",1,65,99)' onmouseover='mouseOverColortop("#33CCFF",1)' shape="poly" style="cursor:pointer"/><area alt="#3399FF" coords="126,45,135,49,135,60,126,64,117,60,117,49" onclick='clickColor("#3399FF",1,65,117)' onmouseover='mouseOverColortop("#3399FF",1)' shape="poly" style="cursor:pointer"/><area alt="#6699FF" coords="144,45,153,49,153,60,144,64,135,60,135,49" onclick='clickColor("#6699FF",1,65,135)' onmouseover='mouseOverColortop("#6699FF",1)' shape="poly" style="cursor:pointer"/><area alt="#6666FF" coords="162,45,171,49,171,60,162,64,153,60,153,49" onclick='clickColor("#6666FF",1,65,153)' onmouseover='mouseOverColortop("#6666FF",1)' shape="poly" style="cursor:pointer"/><area alt="#6600FF" coords="180,45,189,49,189,60,180,64,171,60,171,49" onclick='clickColor("#6600FF",1,65,171)' onmouseover='mouseOverColortop("#6600FF",1)' shape="poly" style="cursor:pointer"/><area alt="#6600CC" coords="198,45,207,49,207,60,198,64,189,60,189,49" onclick='clickColor("#6600CC",1,65,189)' onmouseover='mouseOverColortop("#6600CC",1)' shape="poly" style="cursor:pointer"/><area alt="#339933" coords="27,60,36,64,36,75,27,79,18,75,18,64" onclick='clickColor("#339933",1,80,18)' onmouseover='mouseOverColortop("#339933",1)' shape="poly" style="cursor:pointer"/><area alt="#00CC66" coords="45,60,54,64,54,75,45,79,36,75,36,64" onclick='clickColor("#00CC66",1,80,36)' onmouseover='mouseOverColortop("#00CC66",1)' shape="poly" style="cursor:pointer"/><area alt="#00FF99" coords="63,60,72,64,72,75,63,79,54,75,54,64" onclick='clickColor("#00FF99",1,80,54)' onmouseover='mouseOverColortop("#00FF99",1)' shape="poly" style="cursor:pointer"/><area alt="#66FFCC" coords="81,60,90,64,90,75,81,79,72,75,72,64" onclick='clickColor("#66FFCC",1,80,72)' onmouseover='mouseOverColortop("#66FFCC",1)' shape="poly" style="cursor:pointer"/><area alt="#66FFFF" coords="99,60,108,64,108,75,99,79,90,75,90,64" onclick='clickColor("#66FFFF",1,80,90)' onmouseover='mouseOverColortop("#66FFFF",1)' shape="poly" style="cursor:pointer"/><area alt="#66CCFF" coords="117,60,126,64,126,75,117,79,108,75,108,64" onclick='clickColor("#66CCFF",1,80,108)' onmouseover='mouseOverColortop("#66CCFF",1)' shape="poly" style="cursor:pointer"/><area alt="#99CCFF" coords="135,60,144,64,144,75,135,79,126,75,126,64" onclick='clickColor("#99CCFF",1,80,126)' onmouseover='mouseOverColortop("#99CCFF",1)' shape="poly" style="cursor:pointer"/><area alt="#9999FF" coords="153,60,162,64,162,75,153,79,144,75,144,64" onclick='clickColor("#9999FF",1,80,144)' onmouseover='mouseOverColortop("#9999FF",1)' shape="poly" style="cursor:pointer"/><area alt="#9966FF" coords="171,60,180,64,180,75,171,79,162,75,162,64" onclick='clickColor("#9966FF",1,80,162)' onmouseover='mouseOverColortop("#9966FF",1)' shape="poly" style="cursor:pointer"/><area alt="#9933FF" coords="189,60,198,64,198,75,189,79,180,75,180,64" onclick='clickColor("#9933FF",1,80,180)' onmouseover='mouseOverColortop("#9933FF",1)' shape="poly" style="cursor:pointer"/><area alt="#9900FF" coords="207,60,216,64,216,75,207,79,198,75,198,64" onclick='clickColor("#9900FF",1,80,198)' onmouseover='mouseOverColortop("#9900FF",1)' shape="poly" style="cursor:pointer"/><area alt="#006600" coords="18,75,27,79,27,90,18,94,9,90,9,79" onclick='clickColor("#006600",1,95,9)' onmouseover='mouseOverColortop("#006600",1)' shape="poly" style="cursor:pointer"/><area alt="#00CC00" coords="36,75,45,79,45,90,36,94,27,90,27,79" onclick='clickColor("#00CC00",1,95,27)' onmouseover='mouseOverColortop("#00CC00",1)' shape="poly" style="cursor:pointer"/><area alt="#00FF00" coords="54,75,63,79,63,90,54,94,45,90,45,79" onclick='clickColor("#00FF00",1,95,45)' onmouseover='mouseOverColortop("#00FF00",1)' shape="poly" style="cursor:pointer"/><area alt="#66FF99" coords="72,75,81,79,81,90,72,94,63,90,63,79" onclick='clickColor("#66FF99",1,95,63)' onmouseover='mouseOverColortop("#66FF99",1)' shape="poly" style="cursor:pointer"/><area alt="#99FFCC" coords="90,75,99,79,99,90,90,94,81,90,81,79" onclick='clickColor("#99FFCC",1,95,81)' onmouseover='mouseOverColortop("#99FFCC",1)' shape="poly" style="cursor:pointer"/><area alt="#CCFFFF" coords="108,75,117,79,117,90,108,94,99,90,99,79" onclick='clickColor("#CCFFFF",1,95,99)' onmouseover='mouseOverColortop("#CCFFFF",1)' shape="poly" style="cursor:pointer"/><area alt="#CCCCFF" coords="126,75,135,79,135,90,126,94,117,90,117,79" onclick='clickColor("#CCCCFF",1,95,117)' onmouseover='mouseOverColortop("#CCCCFF",1)' shape="poly" style="cursor:pointer"/><area alt="#CC99FF" coords="144,75,153,79,153,90,144,94,135,90,135,79" onclick='clickColor("#CC99FF",1,95,135)' onmouseover='mouseOverColortop("#CC99FF",1)' shape="poly" style="cursor:pointer"/><area alt="#CC66FF" coords="162,75,171,79,171,90,162,94,153,90,153,79" onclick='clickColor("#CC66FF",1,95,153)' onmouseover='mouseOverColortop("#CC66FF",1)' shape="poly" style="cursor:pointer"/><area alt="#CC33FF" coords="180,75,189,79,189,90,180,94,171,90,171,79" onclick='clickColor("#CC33FF",1,95,171)' onmouseover='mouseOverColortop("#CC33FF",1)' shape="poly" style="cursor:pointer"/><area alt="#CC00FF" coords="198,75,207,79,207,90,198,94,189,90,189,79" onclick='clickColor("#CC00FF",1,95,189)' onmouseover='mouseOverColortop("#CC00FF",1)' shape="poly" style="cursor:pointer"/><area alt="#9900CC" coords="216,75,225,79,225,90,216,94,207,90,207,79" onclick='clickColor("#9900CC",1,95,207)' onmouseover='mouseOverColortop("#9900CC",1)' shape="poly" style="cursor:pointer"/><area alt="#003300" coords="9,90,18,94,18,105,9,109,0,105,0,94" onclick='clickColor("#003300",1,110,0)' onmouseover='mouseOverColortop("#003300",1)' shape="poly" style="cursor:pointer"/><area alt="#009933" coords="27,90,36,94,36,105,27,109,18,105,18,94" onclick='clickColor("#009933",1,110,18)' onmouseover='mouseOverColortop("#009933",1)' shape="poly" style="cursor:pointer"/><area alt="#33CC33" coords="45,90,54,94,54,105,45,109,36,105,36,94" onclick='clickColor("#33CC33",1,110,36)' onmouseover='mouseOverColortop("#33CC33",1)' shape="poly" style="cursor:pointer"/><area alt="#66FF66" coords="63,90,72,94,72,105,63,109,54,105,54,94" onclick='clickColor("#66FF66",1,110,54)' onmouseover='mouseOverColortop("#66FF66",1)' shape="poly" style="cursor:pointer"/><area alt="#99FF99" coords="81,90,90,94,90,105,81,109,72,105,72,94" onclick='clickColor("#99FF99",1,110,72)' onmouseover='mouseOverColortop("#99FF99",1)' shape="poly" style="cursor:pointer"/><area alt="#CCFFCC" coords="99,90,108,94,108,105,99,109,90,105,90,94" onclick='clickColor("#CCFFCC",1,110,90)' onmouseover='mouseOverColortop("#CCFFCC",1)' shape="poly" style="cursor:pointer"/><area alt="#FFFFFF" coords="117,90,126,94,126,105,117,109,108,105,108,94" onclick='clickColor("#FFFFFF",1,110,108)' onmouseover='mouseOverColortop("#FFFFFF",1)' shape="poly" style="cursor:pointer"/><area alt="#FFCCFF" coords="135,90,144,94,144,105,135,109,126,105,126,94" onclick='clickColor("#FFCCFF",1,110,126)' onmouseover='mouseOverColortop("#FFCCFF",1)' shape="poly" style="cursor:pointer"/><area alt="#FF99FF" coords="153,90,162,94,162,105,153,109,144,105,144,94" onclick='clickColor("#FF99FF",1,110,144)' onmouseover='mouseOverColortop("#FF99FF",1)' shape="poly" style="cursor:pointer"/><area alt="#FF66FF" coords="171,90,180,94,180,105,171,109,162,105,162,94" onclick='clickColor("#FF66FF",1,110,162)' onmouseover='mouseOverColortop("#FF66FF",1)' shape="poly" style="cursor:pointer"/><area alt="#FF00FF" coords="189,90,198,94,198,105,189,109,180,105,180,94" onclick='clickColor("#FF00FF",1,110,180)' onmouseover='mouseOverColortop("#FF00FF",1)' shape="poly" style="cursor:pointer"/><area alt="#CC00CC" coords="207,90,216,94,216,105,207,109,198,105,198,94" onclick='clickColor("#CC00CC",1,110,198)' onmouseover='mouseOverColortop("#CC00CC",1)' shape="poly" style="cursor:pointer"/><area alt="#660066" coords="225,90,234,94,234,105,225,109,216,105,216,94" onclick='clickColor("#660066",1,110,216)' onmouseover='mouseOverColortop("#660066",1)' shape="poly" style="cursor:pointer"/><area alt="#336600" coords="18,105,27,109,27,120,18,124,9,120,9,109" onclick='clickColor("#336600",1,125,9)' onmouseover='mouseOverColortop("#336600",1)' shape="poly" style="cursor:pointer"/><area alt="#009900" coords="36,105,45,109,45,120,36,124,27,120,27,109" onclick='clickColor("#009900",1,125,27)' onmouseover='mouseOverColortop("#009900",1)' shape="poly" style="cursor:pointer"/><area alt="#66FF33" coords="54,105,63,109,63,120,54,124,45,120,45,109" onclick='clickColor("#66FF33",1,125,45)' onmouseover='mouseOverColortop("#66FF33",1)' shape="poly" style="cursor:pointer"/><area alt="#99FF66" coords="72,105,81,109,81,120,72,124,63,120,63,109" onclick='clickColor("#99FF66",1,125,63)' onmouseover='mouseOverColortop("#99FF66",1)' shape="poly" style="cursor:pointer"/><area alt="#CCFF99" coords="90,105,99,109,99,120,90,124,81,120,81,109" onclick='clickColor("#CCFF99",1,125,81)' onmouseover='mouseOverColortop("#CCFF99",1)' shape="poly" style="cursor:pointer"/><area alt="#FFFFCC" coords="108,105,117,109,117,120,108,124,99,120,99,109" onclick='clickColor("#FFFFCC",1,125,99)' onmouseover='mouseOverColortop("#FFFFCC",1)' shape="poly" style="cursor:pointer"/><area alt="#FFCCCC" coords="126,105,135,109,135,120,126,124,117,120,117,109" onclick='clickColor("#FFCCCC",1,125,117)' onmouseover='mouseOverColortop("#FFCCCC",1)' shape="poly" style="cursor:pointer"/><area alt="#FF99CC" coords="144,105,153,109,153,120,144,124,135,120,135,109" onclick='clickColor("#FF99CC",1,125,135)' onmouseover='mouseOverColortop("#FF99CC",1)' shape="poly" style="cursor:pointer"/><area alt="#FF66CC" coords="162,105,171,109,171,120,162,124,153,120,153,109" onclick='clickColor("#FF66CC",1,125,153)' onmouseover='mouseOverColortop("#FF66CC",1)' shape="poly" style="cursor:pointer"/><area alt="#FF33CC" coords="180,105,189,109,189,120,180,124,171,120,171,109" onclick='clickColor("#FF33CC",1,125,171)' onmouseover='mouseOverColortop("#FF33CC",1)' shape="poly" style="cursor:pointer"/><area alt="#CC0099" coords="198,105,207,109,207,120,198,124,189,120,189,109" onclick='clickColor("#CC0099",1,125,189)' onmouseover='mouseOverColortop("#CC0099",1)' shape="poly" style="cursor:pointer"/><area alt="#993399" coords="216,105,225,109,225,120,216,124,207,120,207,109" onclick='clickColor("#993399",1,125,207)' onmouseover='mouseOverColortop("#993399",1)' shape="poly" style="cursor:pointer"/><area alt="#333300" coords="27,120,36,124,36,135,27,139,18,135,18,124" onclick='clickColor("#333300",1,140,18)' onmouseover='mouseOverColortop("#333300",1)' shape="poly" style="cursor:pointer"/><area alt="#669900" coords="45,120,54,124,54,135,45,139,36,135,36,124" onclick='clickColor("#669900",1,140,36)' onmouseover='mouseOverColortop("#669900",1)' shape="poly" style="cursor:pointer"/><area alt="#99FF33" coords="63,120,72,124,72,135,63,139,54,135,54,124" onclick='clickColor("#99FF33",1,140,54)' onmouseover='mouseOverColortop("#99FF33",1)' shape="poly" style="cursor:pointer"/><area alt="#CCFF66" coords="81,120,90,124,90,135,81,139,72,135,72,124" onclick='clickColor("#CCFF66",1,140,72)' onmouseover='mouseOverColortop("#CCFF66",1)' shape="poly" style="cursor:pointer"/><area alt="#FFFF99" coords="99,120,108,124,108,135,99,139,90,135,90,124" onclick='clickColor("#FFFF99",1,140,90)' onmouseover='mouseOverColortop("#FFFF99",1)' shape="poly" style="cursor:pointer"/><area alt="#FFCC99" coords="117,120,126,124,126,135,117,139,108,135,108,124" onclick='clickColor("#FFCC99",1,140,108)' onmouseover='mouseOverColortop("#FFCC99",1)' shape="poly" style="cursor:pointer"/><area alt="#FF9999" coords="135,120,144,124,144,135,135,139,126,135,126,124" onclick='clickColor("#FF9999",1,140,126)' onmouseover='mouseOverColortop("#FF9999",1)' shape="poly" style="cursor:pointer"/><area alt="#FF6699" coords="153,120,162,124,162,135,153,139,144,135,144,124" onclick='clickColor("#FF6699",1,140,144)' onmouseover='mouseOverColortop("#FF6699",1)' shape="poly" style="cursor:pointer"/><area alt="#FF3399" coords="171,120,180,124,180,135,171,139,162,135,162,124" onclick='clickColor("#FF3399",1,140,162)' onmouseover='mouseOverColortop("#FF3399",1)' shape="poly" style="cursor:pointer"/><area alt="#CC3399" coords="189,120,198,124,198,135,189,139,180,135,180,124" onclick='clickColor("#CC3399",1,140,180)' onmouseover='mouseOverColortop("#CC3399",1)' shape="poly" style="cursor:pointer"/><area alt="#990099" coords="207,120,216,124,216,135,207,139,198,135,198,124" onclick='clickColor("#990099",1,140,198)' onmouseover='mouseOverColortop("#990099",1)' shape="poly" style="cursor:pointer"/><area alt="#666633" coords="36,135,45,139,45,150,36,154,27,150,27,139" onclick='clickColor("#666633",1,155,27)' onmouseover='mouseOverColortop("#666633",1)' shape="poly" style="cursor:pointer"/><area alt="#99CC00" coords="54,135,63,139,63,150,54,154,45,150,45,139" onclick='clickColor("#99CC00",1,155,45)' onmouseover='mouseOverColortop("#99CC00",1)' shape="poly" style="cursor:pointer"/><area alt="#CCFF33" coords="72,135,81,139,81,150,72,154,63,150,63,139" onclick='clickColor("#CCFF33",1,155,63)' onmouseover='mouseOverColortop("#CCFF33",1)' shape="poly" style="cursor:pointer"/><area alt="#FFFF66" coords="90,135,99,139,99,150,90,154,81,150,81,139" onclick='clickColor("#FFFF66",1,155,81)' onmouseover='mouseOverColortop("#FFFF66",1)' shape="poly" style="cursor:pointer"/><area alt="#FFCC66" coords="108,135,117,139,117,150,108,154,99,150,99,139" onclick='clickColor("#FFCC66",1,155,99)' onmouseover='mouseOverColortop("#FFCC66",1)' shape="poly" style="cursor:pointer"/><area alt="#FF9966" coords="126,135,135,139,135,150,126,154,117,150,117,139" onclick='clickColor("#FF9966",1,155,117)' onmouseover='mouseOverColortop("#FF9966",1)' shape="poly" style="cursor:pointer"/><area alt="#FF6666" coords="144,135,153,139,153,150,144,154,135,150,135,139" onclick='clickColor("#FF6666",1,155,135)' onmouseover='mouseOverColortop("#FF6666",1)' shape="poly" style="cursor:pointer"/><area alt="#FF0066" coords="162,135,171,139,171,150,162,154,153,150,153,139" onclick='clickColor("#FF0066",1,155,153)' onmouseover='mouseOverColortop("#FF0066",1)' shape="poly" style="cursor:pointer"/><area alt="#CC6699" coords="180,135,189,139,189,150,180,154,171,150,171,139" onclick='clickColor("#CC6699",1,155,171)' onmouseover='mouseOverColortop("#CC6699",1)' shape="poly" style="cursor:pointer"/><area alt="#993366" coords="198,135,207,139,207,150,198,154,189,150,189,139" onclick='clickColor("#993366",1,155,189)' onmouseover='mouseOverColortop("#993366",1)' shape="poly" style="cursor:pointer"/><area alt="#999966" coords="45,150,54,154,54,165,45,169,36,165,36,154" onclick='clickColor("#999966",1,170,36)' onmouseover='mouseOverColortop("#999966",1)' shape="poly" style="cursor:pointer"/><area alt="#CCCC00" coords="63,150,72,154,72,165,63,169,54,165,54,154" onclick='clickColor("#CCCC00",1,170,54)' onmouseover='mouseOverColortop("#CCCC00",1)' shape="poly" style="cursor:pointer"/><area alt="#FFFF00" coords="81,150,90,154,90,165,81,169,72,165,72,154" onclick='clickColor("#FFFF00",1,170,72)' onmouseover='mouseOverColortop("#FFFF00",1)' shape="poly" style="cursor:pointer"/><area alt="#FFCC00" coords="99,150,108,154,108,165,99,169,90,165,90,154" onclick='clickColor("#FFCC00",1,170,90)' onmouseover='mouseOverColortop("#FFCC00",1)' shape="poly" style="cursor:pointer"/><area alt="#FF9933" coords="117,150,126,154,126,165,117,169,108,165,108,154" onclick='clickColor("#FF9933",1,170,108)' onmouseover='mouseOverColortop("#FF9933",1)' shape="poly" style="cursor:pointer"/><area alt="#FF6600" coords="135,150,144,154,144,165,135,169,126,165,126,154" onclick='clickColor("#FF6600",1,170,126)' onmouseover='mouseOverColortop("#FF6600",1)' shape="poly" style="cursor:pointer"/><area alt="#FF5050" coords="153,150,162,154,162,165,153,169,144,165,144,154" onclick='clickColor("#FF5050",1,170,144)' onmouseover='mouseOverColortop("#FF5050",1)' shape="poly" style="cursor:pointer"/><area alt="#CC0066" coords="171,150,180,154,180,165,171,169,162,165,162,154" onclick='clickColor("#CC0066",1,170,162)' onmouseover='mouseOverColortop("#CC0066",1)' shape="poly" style="cursor:pointer"/><area alt="#660033" coords="189,150,198,154,198,165,189,169,180,165,180,154" onclick='clickColor("#660033",1,170,180)' onmouseover='mouseOverColortop("#660033",1)' shape="poly" style="cursor:pointer"/><area alt="#996633" coords="54,165,63,169,63,180,54,184,45,180,45,169" onclick='clickColor("#996633",1,185,45)' onmouseover='mouseOverColortop("#996633",1)' shape="poly" style="cursor:pointer"/><area alt="#CC9900" coords="72,165,81,169,81,180,72,184,63,180,63,169" onclick='clickColor("#CC9900",1,185,63)' onmouseover='mouseOverColortop("#CC9900",1)' shape="poly" style="cursor:pointer"/><area alt="#FF9900" coords="90,165,99,169,99,180,90,184,81,180,81,169" onclick='clickColor("#FF9900",1,185,81)' onmouseover='mouseOverColortop("#FF9900",1)' shape="poly" style="cursor:pointer"/><area alt="#CC6600" coords="108,165,117,169,117,180,108,184,99,180,99,169" onclick='clickColor("#CC6600",1,185,99)' onmouseover='mouseOverColortop("#CC6600",1)' shape="poly" style="cursor:pointer"/><area alt="#FF3300" coords="126,165,135,169,135,180,126,184,117,180,117,169" onclick='clickColor("#FF3300",1,185,117)' onmouseover='mouseOverColortop("#FF3300",1)' shape="poly" style="cursor:pointer"/><area alt="#FF0000" coords="144,165,153,169,153,180,144,184,135,180,135,169" onclick='clickColor("#FF0000",1,185,135)' onmouseover='mouseOverColortop("#FF0000",1)' shape="poly" style="cursor:pointer"/><area alt="#CC0000" coords="162,165,171,169,171,180,162,184,153,180,153,169" onclick='clickColor("#CC0000",1,185,153)' onmouseover='mouseOverColortop("#CC0000",1)' shape="poly" style="cursor:pointer"/><area alt="#990033" coords="180,165,189,169,189,180,180,184,171,180,171,169" onclick='clickColor("#990033",1,185,171)' onmouseover='mouseOverColortop("#990033",1)' shape="poly" style="cursor:pointer"/><area alt="#663300" coords="63,180,72,184,72,195,63,199,54,195,54,184" onclick='clickColor("#663300",1,200,54)' onmouseover='mouseOverColortop("#663300",1)' shape="poly" style="cursor:pointer"/><area alt="#996600" coords="81,180,90,184,90,195,81,199,72,195,72,184" onclick='clickColor("#996600",1,200,72)' onmouseover='mouseOverColortop("#996600",1)' shape="poly" style="cursor:pointer"/><area alt="#CC3300" coords="99,180,108,184,108,195,99,199,90,195,90,184" onclick='clickColor("#CC3300",1,200,90)' onmouseover='mouseOverColortop("#CC3300",1)' shape="poly" style="cursor:pointer"/><area alt="#993300" coords="117,180,126,184,126,195,117,199,108,195,108,184" onclick='clickColor("#993300",1,200,108)' onmouseover='mouseOverColortop("#993300",1)' shape="poly" style="cursor:pointer"/><area alt="#990000" coords="135,180,144,184,144,195,135,199,126,195,126,184" onclick='clickColor("#990000",1,200,126)' onmouseover='mouseOverColortop("#990000",1)' shape="poly" style="cursor:pointer"/><area alt="#800000" coords="153,180,162,184,162,195,153,199,144,195,144,184" onclick='clickColor("#800000",1,200,144)' onmouseover='mouseOverColortop("#800000",1)' shape="poly" style="cursor:pointer"/><area alt="#993333" coords="171,180,180,184,180,195,171,199,162,195,162,184" onclick='clickColor("#993333",1,200,162)' onmouseover='mouseOverColortop("#993333",1)' shape="poly" style="cursor:pointer"/></map> <script> document.getElementById("selectedColortop").style.top="185px" document.getElementById("selectedColortop").style.left="135px" document.getElementById("selectedColortop").style.visibility="visible" </script> </div> <div style="height:120px;"><div style="width:200px;padding-top:15px;padding-left:67px;"><div><div id="divpreviewtop" style="float:left;height:30px;width:100px;border:1px solid #d4d4d4;border-bottom:none;background-color:#FF0000"> </div><div id="divpreviewtxttop" style="float:left;width:50px;padding-left:15px;padding-top:7px;">#FF0000</div></div><div style="clear:both"><div id="divpreviewbottom" style="float:left;height:30px;width:100px;border:1px solid #d4d4d4;border-top:none;background-color:#0000FF"> </div><div id="divpreviewtxtbottom" style="float:left;width:50px;padding-left:15px;padding-top:7px;">#0000FF</div></div></div></div> <div><div id="selectedColorbottom" style='visibility:hidden;position:relative;width:21px;height:21px;background-repeat:no-repeat;background-image:url("/wp-content/uploads/2016/02/img_selectedcolor.gif")'></div><img alt="colormap" src="../uploadfile/up/4a/1b/0a/61bf9e1014a3fa7fd8cda455f70a1b4a.jpg" style="margin-right:2px;" usemap="#colormap_bottom"/><map id="colormap_bottom" name="colormap_bottom" onmouseout="mouseOutMapbottom(0)"><area alt="#003366" coords="63,0,72,4,72,15,63,19,54,15,54,4" onclick='clickColor("#003366",0,20,54)' onmouseover='mouseOverColorbottom("#003366",0)' shape="poly" style="cursor:pointer"/><area alt="#336699" coords="81,0,90,4,90,15,81,19,72,15,72,4" onclick='clickColor("#336699",0,20,72)' onmouseover='mouseOverColorbottom("#336699",0)' shape="poly" style="cursor:pointer"/><area alt="#3366CC" coords="99,0,108,4,108,15,99,19,90,15,90,4" onclick='clickColor("#3366CC",0,20,90)' onmouseover='mouseOverColorbottom("#3366CC",0)' shape="poly" style="cursor:pointer"/><area alt="#003399" coords="117,0,126,4,126,15,117,19,108,15,108,4" onclick='clickColor("#003399",0,20,108)' onmouseover='mouseOverColorbottom("#003399",0)' shape="poly" style="cursor:pointer"/><area alt="#000099" coords="135,0,144,4,144,15,135,19,126,15,126,4" onclick='clickColor("#000099",0,20,126)' onmouseover='mouseOverColorbottom("#000099",0)' shape="poly" style="cursor:pointer"/><area alt="#0000CC" coords="153,0,162,4,162,15,153,19,144,15,144,4" onclick='clickColor("#0000CC",0,20,144)' onmouseover='mouseOverColorbottom("#0000CC",0)' shape="poly" style="cursor:pointer"/><area alt="#000066" coords="171,0,180,4,180,15,171,19,162,15,162,4" onclick='clickColor("#000066",0,20,162)' onmouseover='mouseOverColorbottom("#000066",0)' shape="poly" style="cursor:pointer"/><area alt="#006666" coords="54,15,63,19,63,30,54,34,45,30,45,19" onclick='clickColor("#006666",0,35,45)' onmouseover='mouseOverColorbottom("#006666",0)' shape="poly" style="cursor:pointer"/><area alt="#006699" coords="72,15,81,19,81,30,72,34,63,30,63,19" onclick='clickColor("#006699",0,35,63)' onmouseover='mouseOverColorbottom("#006699",0)' shape="poly" style="cursor:pointer"/><area alt="#0099CC" coords="90,15,99,19,99,30,90,34,81,30,81,19" onclick='clickColor("#0099CC",0,35,81)' onmouseover='mouseOverColorbottom("#0099CC",0)' shape="poly" style="cursor:pointer"/><area alt="#0066CC" coords="108,15,117,19,117,30,108,34,99,30,99,19" onclick='clickColor("#0066CC",0,35,99)' onmouseover='mouseOverColorbottom("#0066CC",0)' shape="poly" style="cursor:pointer"/><area alt="#0033CC" coords="126,15,135,19,135,30,126,34,117,30,117,19" onclick='clickColor("#0033CC",0,35,117)' onmouseover='mouseOverColorbottom("#0033CC",0)' shape="poly" style="cursor:pointer"/><area alt="#0000FF" coords="144,15,153,19,153,30,144,34,135,30,135,19" onclick='clickColor("#0000FF",0,35,135)' onmouseover='mouseOverColorbottom("#0000FF",0)' shape="poly" style="cursor:pointer"/><area alt="#3333FF" coords="162,15,171,19,171,30,162,34,153,30,153,19" onclick='clickColor("#3333FF",0,35,153)' onmouseover='mouseOverColorbottom("#3333FF",0)' shape="poly" style="cursor:pointer"/><area alt="#333399" coords="180,15,189,19,189,30,180,34,171,30,171,19" onclick='clickColor("#333399",0,35,171)' onmouseover='mouseOverColorbottom("#333399",0)' shape="poly" style="cursor:pointer"/><area alt="#669999" coords="45,30,54,34,54,45,45,49,36,45,36,34" onclick='clickColor("#669999",0,50,36)' onmouseover='mouseOverColorbottom("#669999",0)' shape="poly" style="cursor:pointer"/><area alt="#009999" coords="63,30,72,34,72,45,63,49,54,45,54,34" onclick='clickColor("#009999",0,50,54)' onmouseover='mouseOverColorbottom("#009999",0)' shape="poly" style="cursor:pointer"/><area alt="#33CCCC" coords="81,30,90,34,90,45,81,49,72,45,72,34" onclick='clickColor("#33CCCC",0,50,72)' onmouseover='mouseOverColorbottom("#33CCCC",0)' shape="poly" style="cursor:pointer"/><area alt="#00CCFF" coords="99,30,108,34,108,45,99,49,90,45,90,34" onclick='clickColor("#00CCFF",0,50,90)' onmouseover='mouseOverColorbottom("#00CCFF",0)' shape="poly" style="cursor:pointer"/><area alt="#0099FF" coords="117,30,126,34,126,45,117,49,108,45,108,34" onclick='clickColor("#0099FF",0,50,108)' onmouseover='mouseOverColorbottom("#0099FF",0)' shape="poly" style="cursor:pointer"/><area alt="#0066FF" coords="135,30,144,34,144,45,135,49,126,45,126,34" onclick='clickColor("#0066FF",0,50,126)' onmouseover='mouseOverColorbottom("#0066FF",0)' shape="poly" style="cursor:pointer"/><area alt="#3366FF" coords="153,30,162,34,162,45,153,49,144,45,144,34" onclick='clickColor("#3366FF",0,50,144)' onmouseover='mouseOverColorbottom("#3366FF",0)' shape="poly" style="cursor:pointer"/><area alt="#3333CC" coords="171,30,180,34,180,45,171,49,162,45,162,34" onclick='clickColor("#3333CC",0,50,162)' onmouseover='mouseOverColorbottom("#3333CC",0)' shape="poly" style="cursor:pointer"/><area alt="#666699" coords="189,30,198,34,198,45,189,49,180,45,180,34" onclick='clickColor("#666699",0,50,180)' onmouseover='mouseOverColorbottom("#666699",0)' shape="poly" style="cursor:pointer"/><area alt="#339966" coords="36,45,45,49,45,60,36,64,27,60,27,49" onclick='clickColor("#339966",0,65,27)' onmouseover='mouseOverColorbottom("#339966",0)' shape="poly" style="cursor:pointer"/><area alt="#00CC99" coords="54,45,63,49,63,60,54,64,45,60,45,49" onclick='clickColor("#00CC99",0,65,45)' onmouseover='mouseOverColorbottom("#00CC99",0)' shape="poly" style="cursor:pointer"/><area alt="#00FFCC" coords="72,45,81,49,81,60,72,64,63,60,63,49" onclick='clickColor("#00FFCC",0,65,63)' onmouseover='mouseOverColorbottom("#00FFCC",0)' shape="poly" style="cursor:pointer"/><area alt="#00FFFF" coords="90,45,99,49,99,60,90,64,81,60,81,49" onclick='clickColor("#00FFFF",0,65,81)' onmouseover='mouseOverColorbottom("#00FFFF",0)' shape="poly" style="cursor:pointer"/><area alt="#33CCFF" coords="108,45,117,49,117,60,108,64,99,60,99,49" onclick='clickColor("#33CCFF",0,65,99)' onmouseover='mouseOverColorbottom("#33CCFF",0)' shape="poly" style="cursor:pointer"/><area alt="#3399FF" coords="126,45,135,49,135,60,126,64,117,60,117,49" onclick='clickColor("#3399FF",0,65,117)' onmouseover='mouseOverColorbottom("#3399FF",0)' shape="poly" style="cursor:pointer"/><area alt="#6699FF" coords="144,45,153,49,153,60,144,64,135,60,135,49" onclick='clickColor("#6699FF",0,65,135)' onmouseover='mouseOverColorbottom("#6699FF",0)' shape="poly" style="cursor:pointer"/><area alt="#6666FF" coords="162,45,171,49,171,60,162,64,153,60,153,49" onclick='clickColor("#6666FF",0,65,153)' onmouseover='mouseOverColorbottom("#6666FF",0)' shape="poly" style="cursor:pointer"/><area alt="#6600FF" coords="180,45,189,49,189,60,180,64,171,60,171,49" onclick='clickColor("#6600FF",0,65,171)' onmouseover='mouseOverColorbottom("#6600FF",0)' shape="poly" style="cursor:pointer"/><area alt="#6600CC" coords="198,45,207,49,207,60,198,64,189,60,189,49" onclick='clickColor("#6600CC",0,65,189)' onmouseover='mouseOverColorbottom("#6600CC",0)' shape="poly" style="cursor:pointer"/><area alt="#339933" coords="27,60,36,64,36,75,27,79,18,75,18,64" onclick='clickColor("#339933",0,80,18)' onmouseover='mouseOverColorbottom("#339933",0)' shape="poly" style="cursor:pointer"/><area alt="#00CC66" coords="45,60,54,64,54,75,45,79,36,75,36,64" onclick='clickColor("#00CC66",0,80,36)' onmouseover='mouseOverColorbottom("#00CC66",0)' shape="poly" style="cursor:pointer"/><area alt="#00FF99" coords="63,60,72,64,72,75,63,79,54,75,54,64" onclick='clickColor("#00FF99",0,80,54)' onmouseover='mouseOverColorbottom("#00FF99",0)' shape="poly" style="cursor:pointer"/><area alt="#66FFCC" coords="81,60,90,64,90,75,81,79,72,75,72,64" onclick='clickColor("#66FFCC",0,80,72)' onmouseover='mouseOverColorbottom("#66FFCC",0)' shape="poly" style="cursor:pointer"/><area alt="#66FFFF" coords="99,60,108,64,108,75,99,79,90,75,90,64" onclick='clickColor("#66FFFF",0,80,90)' onmouseover='mouseOverColorbottom("#66FFFF",0)' shape="poly" style="cursor:pointer"/><area alt="#66CCFF" coords="117,60,126,64,126,75,117,79,108,75,108,64" onclick='clickColor("#66CCFF",0,80,108)' onmouseover='mouseOverColorbottom("#66CCFF",0)' shape="poly" style="cursor:pointer"/><area alt="#99CCFF" coords="135,60,144,64,144,75,135,79,126,75,126,64" onclick='clickColor("#99CCFF",0,80,126)' onmouseover='mouseOverColorbottom("#99CCFF",0)' shape="poly" style="cursor:pointer"/><area alt="#9999FF" coords="153,60,162,64,162,75,153,79,144,75,144,64" onclick='clickColor("#9999FF",0,80,144)' onmouseover='mouseOverColorbottom("#9999FF",0)' shape="poly" style="cursor:pointer"/><area alt="#9966FF" coords="171,60,180,64,180,75,171,79,162,75,162,64" onclick='clickColor("#9966FF",0,80,162)' onmouseover='mouseOverColorbottom("#9966FF",0)' shape="poly" style="cursor:pointer"/><area alt="#9933FF" coords="189,60,198,64,198,75,189,79,180,75,180,64" onclick='clickColor("#9933FF",0,80,180)' onmouseover='mouseOverColorbottom("#9933FF",0)' shape="poly" style="cursor:pointer"/><area alt="#9900FF" coords="207,60,216,64,216,75,207,79,198,75,198,64" onclick='clickColor("#9900FF",0,80,198)' onmouseover='mouseOverColorbottom("#9900FF",0)' shape="poly" style="cursor:pointer"/><area alt="#006600" coords="18,75,27,79,27,90,18,94,9,90,9,79" onclick='clickColor("#006600",0,95,9)' onmouseover='mouseOverColorbottom("#006600",0)' shape="poly" style="cursor:pointer"/><area alt="#00CC00" coords="36,75,45,79,45,90,36,94,27,90,27,79" onclick='clickColor("#00CC00",0,95,27)' onmouseover='mouseOverColorbottom("#00CC00",0)' shape="poly" style="cursor:pointer"/><area alt="#00FF00" coords="54,75,63,79,63,90,54,94,45,90,45,79" onclick='clickColor("#00FF00",0,95,45)' onmouseover='mouseOverColorbottom("#00FF00",0)' shape="poly" style="cursor:pointer"/><area alt="#66FF99" coords="72,75,81,79,81,90,72,94,63,90,63,79" onclick='clickColor("#66FF99",0,95,63)' onmouseover='mouseOverColorbottom("#66FF99",0)' shape="poly" style="cursor:pointer"/><area alt="#99FFCC" coords="90,75,99,79,99,90,90,94,81,90,81,79" onclick='clickColor("#99FFCC",0,95,81)' onmouseover='mouseOverColorbottom("#99FFCC",0)' shape="poly" style="cursor:pointer"/><area alt="#CCFFFF" coords="108,75,117,79,117,90,108,94,99,90,99,79" onclick='clickColor("#CCFFFF",0,95,99)' onmouseover='mouseOverColorbottom("#CCFFFF",0)' shape="poly" style="cursor:pointer"/><area alt="#CCCCFF" coords="126,75,135,79,135,90,126,94,117,90,117,79" onclick='clickColor("#CCCCFF",0,95,117)' onmouseover='mouseOverColorbottom("#CCCCFF",0)' shape="poly" style="cursor:pointer"/><area alt="#CC99FF" coords="144,75,153,79,153,90,144,94,135,90,135,79" onclick='clickColor("#CC99FF",0,95,135)' onmouseover='mouseOverColorbottom("#CC99FF",0)' shape="poly" style="cursor:pointer"/><area alt="#CC66FF" coords="162,75,171,79,171,90,162,94,153,90,153,79" onclick='clickColor("#CC66FF",0,95,153)' onmouseover='mouseOverColorbottom("#CC66FF",0)' shape="poly" style="cursor:pointer"/><area alt="#CC33FF" coords="180,75,189,79,189,90,180,94,171,90,171,79" onclick='clickColor("#CC33FF",0,95,171)' onmouseover='mouseOverColorbottom("#CC33FF",0)' shape="poly" style="cursor:pointer"/><area alt="#CC00FF" coords="198,75,207,79,207,90,198,94,189,90,189,79" onclick='clickColor("#CC00FF",0,95,189)' onmouseover='mouseOverColorbottom("#CC00FF",0)' shape="poly" style="cursor:pointer"/><area alt="#9900CC" coords="216,75,225,79,225,90,216,94,207,90,207,79" onclick='clickColor("#9900CC",0,95,207)' onmouseover='mouseOverColorbottom("#9900CC",0)' shape="poly" style="cursor:pointer"/><area alt="#003300" coords="9,90,18,94,18,105,9,109,0,105,0,94" onclick='clickColor("#003300",0,110,0)' onmouseover='mouseOverColorbottom("#003300",0)' shape="poly" style="cursor:pointer"/><area alt="#009933" coords="27,90,36,94,36,105,27,109,18,105,18,94" onclick='clickColor("#009933",0,110,18)' onmouseover='mouseOverColorbottom("#009933",0)' shape="poly" style="cursor:pointer"/><area alt="#33CC33" coords="45,90,54,94,54,105,45,109,36,105,36,94" onclick='clickColor("#33CC33",0,110,36)' onmouseover='mouseOverColorbottom("#33CC33",0)' shape="poly" style="cursor:pointer"/><area alt="#66FF66" coords="63,90,72,94,72,105,63,109,54,105,54,94" onclick='clickColor("#66FF66",0,110,54)' onmouseover='mouseOverColorbottom("#66FF66",0)' shape="poly" style="cursor:pointer"/><area alt="#99FF99" coords="81,90,90,94,90,105,81,109,72,105,72,94" onclick='clickColor("#99FF99",0,110,72)' onmouseover='mouseOverColorbottom("#99FF99",0)' shape="poly" style="cursor:pointer"/><area alt="#CCFFCC" coords="99,90,108,94,108,105,99,109,90,105,90,94" onclick='clickColor("#CCFFCC",0,110,90)' onmouseover='mouseOverColorbottom("#CCFFCC",0)' shape="poly" style="cursor:pointer"/><area alt="#FFFFFF" coords="117,90,126,94,126,105,117,109,108,105,108,94" onclick='clickColor("#FFFFFF",0,110,108)' onmouseover='mouseOverColorbottom("#FFFFFF",0)' shape="poly" style="cursor:pointer"/><area alt="#FFCCFF" coords="135,90,144,94,144,105,135,109,126,105,126,94" onclick='clickColor("#FFCCFF",0,110,126)' onmouseover='mouseOverColorbottom("#FFCCFF",0)' shape="poly" style="cursor:pointer"/><area alt="#FF99FF" coords="153,90,162,94,162,105,153,109,144,105,144,94" onclick='clickColor("#FF99FF",0,110,144)' onmouseover='mouseOverColorbottom("#FF99FF",0)' shape="poly" style="cursor:pointer"/><area alt="#FF66FF" coords="171,90,180,94,180,105,171,109,162,105,162,94" onclick='clickColor("#FF66FF",0,110,162)' onmouseover='mouseOverColorbottom("#FF66FF",0)' shape="poly" style="cursor:pointer"/><area alt="#FF00FF" coords="189,90,198,94,198,105,189,109,180,105,180,94" onclick='clickColor("#FF00FF",0,110,180)' onmouseover='mouseOverColorbottom("#FF00FF",0)' shape="poly" style="cursor:pointer"/><area alt="#CC00CC" coords="207,90,216,94,216,105,207,109,198,105,198,94" onclick='clickColor("#CC00CC",0,110,198)' onmouseover='mouseOverColorbottom("#CC00CC",0)' shape="poly" style="cursor:pointer"/><area alt="#660066" coords="225,90,234,94,234,105,225,109,216,105,216,94" onclick='clickColor("#660066",0,110,216)' onmouseover='mouseOverColorbottom("#660066",0)' shape="poly" style="cursor:pointer"/><area alt="#336600" coords="18,105,27,109,27,120,18,124,9,120,9,109" onclick='clickColor("#336600",0,125,9)' onmouseover='mouseOverColorbottom("#336600",0)' shape="poly" style="cursor:pointer"/><area alt="#009900" coords="36,105,45,109,45,120,36,124,27,120,27,109" onclick='clickColor("#009900",0,125,27)' onmouseover='mouseOverColorbottom("#009900",0)' shape="poly" style="cursor:pointer"/><area alt="#66FF33" coords="54,105,63,109,63,120,54,124,45,120,45,109" onclick='clickColor("#66FF33",0,125,45)' onmouseover='mouseOverColorbottom("#66FF33",0)' shape="poly" style="cursor:pointer"/><area alt="#99FF66" coords="72,105,81,109,81,120,72,124,63,120,63,109" onclick='clickColor("#99FF66",0,125,63)' onmouseover='mouseOverColorbottom("#99FF66",0)' shape="poly" style="cursor:pointer"/><area alt="#CCFF99" coords="90,105,99,109,99,120,90,124,81,120,81,109" onclick='clickColor("#CCFF99",0,125,81)' onmouseover='mouseOverColorbottom("#CCFF99",0)' shape="poly" style="cursor:pointer"/><area alt="#FFFFCC" coords="108,105,117,109,117,120,108,124,99,120,99,109" onclick='clickColor("#FFFFCC",0,125,99)' onmouseover='mouseOverColorbottom("#FFFFCC",0)' shape="poly" style="cursor:pointer"/><area alt="#FFCCCC" coords="126,105,135,109,135,120,126,124,117,120,117,109" onclick='clickColor("#FFCCCC",0,125,117)' onmouseover='mouseOverColorbottom("#FFCCCC",0)' shape="poly" style="cursor:pointer"/><area alt="#FF99CC" coords="144,105,153,109,153,120,144,124,135,120,135,109" onclick='clickColor("#FF99CC",0,125,135)' onmouseover='mouseOverColorbottom("#FF99CC",0)' shape="poly" style="cursor:pointer"/><area alt="#FF66CC" coords="162,105,171,109,171,120,162,124,153,120,153,109" onclick='clickColor("#FF66CC",0,125,153)' onmouseover='mouseOverColorbottom("#FF66CC",0)' shape="poly" style="cursor:pointer"/><area alt="#FF33CC" coords="180,105,189,109,189,120,180,124,171,120,171,109" onclick='clickColor("#FF33CC",0,125,171)' onmouseover='mouseOverColorbottom("#FF33CC",0)' shape="poly" style="cursor:pointer"/><area alt="#CC0099" coords="198,105,207,109,207,120,198,124,189,120,189,109" onclick='clickColor("#CC0099",0,125,189)' onmouseover='mouseOverColorbottom("#CC0099",0)' shape="poly" style="cursor:pointer"/><area alt="#993399" coords="216,105,225,109,225,120,216,124,207,120,207,109" onclick='clickColor("#993399",0,125,207)' onmouseover='mouseOverColorbottom("#993399",0)' shape="poly" style="cursor:pointer"/><area alt="#333300" coords="27,120,36,124,36,135,27,139,18,135,18,124" onclick='clickColor("#333300",0,140,18)' onmouseover='mouseOverColorbottom("#333300",0)' shape="poly" style="cursor:pointer"/><area alt="#669900" coords="45,120,54,124,54,135,45,139,36,135,36,124" onclick='clickColor("#669900",0,140,36)' onmouseover='mouseOverColorbottom("#669900",0)' shape="poly" style="cursor:pointer"/><area alt="#99FF33" coords="63,120,72,124,72,135,63,139,54,135,54,124" onclick='clickColor("#99FF33",0,140,54)' onmouseover='mouseOverColorbottom("#99FF33",0)' shape="poly" style="cursor:pointer"/><area alt="#CCFF66" coords="81,120,90,124,90,135,81,139,72,135,72,124" onclick='clickColor("#CCFF66",0,140,72)' onmouseover='mouseOverColorbottom("#CCFF66",0)' shape="poly" style="cursor:pointer"/><area alt="#FFFF99" coords="99,120,108,124,108,135,99,139,90,135,90,124" onclick='clickColor("#FFFF99",0,140,90)' onmouseover='mouseOverColorbottom("#FFFF99",0)' shape="poly" style="cursor:pointer"/><area alt="#FFCC99" coords="117,120,126,124,126,135,117,139,108,135,108,124" onclick='clickColor("#FFCC99",0,140,108)' onmouseover='mouseOverColorbottom("#FFCC99",0)' shape="poly" style="cursor:pointer"/><area alt="#FF9999" coords="135,120,144,124,144,135,135,139,126,135,126,124" onclick='clickColor("#FF9999",0,140,126)' onmouseover='mouseOverColorbottom("#FF9999",0)' shape="poly" style="cursor:pointer"/><area alt="#FF6699" coords="153,120,162,124,162,135,153,139,144,135,144,124" onclick='clickColor("#FF6699",0,140,144)' onmouseover='mouseOverColorbottom("#FF6699",0)' shape="poly" style="cursor:pointer"/><area alt="#FF3399" coords="171,120,180,124,180,135,171,139,162,135,162,124" onclick='clickColor("#FF3399",0,140,162)' onmouseover='mouseOverColorbottom("#FF3399",0)' shape="poly" style="cursor:pointer"/><area alt="#CC3399" coords="189,120,198,124,198,135,189,139,180,135,180,124" onclick='clickColor("#CC3399",0,140,180)' onmouseover='mouseOverColorbottom("#CC3399",0)' shape="poly" style="cursor:pointer"/><area alt="#990099" coords="207,120,216,124,216,135,207,139,198,135,198,124" onclick='clickColor("#990099",0,140,198)' onmouseover='mouseOverColorbottom("#990099",0)' shape="poly" style="cursor:pointer"/><area alt="#666633" coords="36,135,45,139,45,150,36,154,27,150,27,139" onclick='clickColor("#666633",0,155,27)' onmouseover='mouseOverColorbottom("#666633",0)' shape="poly" style="cursor:pointer"/><area alt="#99CC00" coords="54,135,63,139,63,150,54,154,45,150,45,139" onclick='clickColor("#99CC00",0,155,45)' onmouseover='mouseOverColorbottom("#99CC00",0)' shape="poly" style="cursor:pointer"/><area alt="#CCFF33" coords="72,135,81,139,81,150,72,154,63,150,63,139" onclick='clickColor("#CCFF33",0,155,63)' onmouseover='mouseOverColorbottom("#CCFF33",0)' shape="poly" style="cursor:pointer"/><area alt="#FFFF66" coords="90,135,99,139,99,150,90,154,81,150,81,139" onclick='clickColor("#FFFF66",0,155,81)' onmouseover='mouseOverColorbottom("#FFFF66",0)' shape="poly" style="cursor:pointer"/><area alt="#FFCC66" coords="108,135,117,139,117,150,108,154,99,150,99,139" onclick='clickColor("#FFCC66",0,155,99)' onmouseover='mouseOverColorbottom("#FFCC66",0)' shape="poly" style="cursor:pointer"/><area alt="#FF9966" coords="126,135,135,139,135,150,126,154,117,150,117,139" onclick='clickColor("#FF9966",0,155,117)' onmouseover='mouseOverColorbottom("#FF9966",0)' shape="poly" style="cursor:pointer"/><area alt="#FF6666" coords="144,135,153,139,153,150,144,154,135,150,135,139" onclick='clickColor("#FF6666",0,155,135)' onmouseover='mouseOverColorbottom("#FF6666",0)' shape="poly" style="cursor:pointer"/><area alt="#FF0066" coords="162,135,171,139,171,150,162,154,153,150,153,139" onclick='clickColor("#FF0066",0,155,153)' onmouseover='mouseOverColorbottom("#FF0066",0)' shape="poly" style="cursor:pointer"/><area alt="#CC6699" coords="180,135,189,139,189,150,180,154,171,150,171,139" onclick='clickColor("#CC6699",0,155,171)' onmouseover='mouseOverColorbottom("#CC6699",0)' shape="poly" style="cursor:pointer"/><area alt="#993366" coords="198,135,207,139,207,150,198,154,189,150,189,139" onclick='clickColor("#993366",0,155,189)' onmouseover='mouseOverColorbottom("#993366",0)' shape="poly" style="cursor:pointer"/><area alt="#999966" coords="45,150,54,154,54,165,45,169,36,165,36,154" onclick='clickColor("#999966",0,170,36)' onmouseover='mouseOverColorbottom("#999966",0)' shape="poly" style="cursor:pointer"/><area alt="#CCCC00" coords="63,150,72,154,72,165,63,169,54,165,54,154" onclick='clickColor("#CCCC00",0,170,54)' onmouseover='mouseOverColorbottom("#CCCC00",0)' shape="poly" style="cursor:pointer"/><area alt="#FFFF00" coords="81,150,90,154,90,165,81,169,72,165,72,154" onclick='clickColor("#FFFF00",0,170,72)' onmouseover='mouseOverColorbottom("#FFFF00",0)' shape="poly" style="cursor:pointer"/><area alt="#FFCC00" coords="99,150,108,154,108,165,99,169,90,165,90,154" onclick='clickColor("#FFCC00",0,170,90)' onmouseover='mouseOverColorbottom("#FFCC00",0)' shape="poly" style="cursor:pointer"/><area alt="#FF9933" coords="117,150,126,154,126,165,117,169,108,165,108,154" onclick='clickColor("#FF9933",0,170,108)' onmouseover='mouseOverColorbottom("#FF9933",0)' shape="poly" style="cursor:pointer"/><area alt="#FF6600" coords="135,150,144,154,144,165,135,169,126,165,126,154" onclick='clickColor("#FF6600",0,170,126)' onmouseover='mouseOverColorbottom("#FF6600",0)' shape="poly" style="cursor:pointer"/><area alt="#FF5050" coords="153,150,162,154,162,165,153,169,144,165,144,154" onclick='clickColor("#FF5050",0,170,144)' onmouseover='mouseOverColorbottom("#FF5050",0)' shape="poly" style="cursor:pointer"/><area alt="#CC0066" coords="171,150,180,154,180,165,171,169,162,165,162,154" onclick='clickColor("#CC0066",0,170,162)' onmouseover='mouseOverColorbottom("#CC0066",0)' shape="poly" style="cursor:pointer"/><area alt="#660033" coords="189,150,198,154,198,165,189,169,180,165,180,154" onclick='clickColor("#660033",0,170,180)' onmouseover='mouseOverColorbottom("#660033",0)' shape="poly" style="cursor:pointer"/><area alt="#996633" coords="54,165,63,169,63,180,54,184,45,180,45,169" onclick='clickColor("#996633",0,185,45)' onmouseover='mouseOverColorbottom("#996633",0)' shape="poly" style="cursor:pointer"/><area alt="#CC9900" coords="72,165,81,169,81,180,72,184,63,180,63,169" onclick='clickColor("#CC9900",0,185,63)' onmouseover='mouseOverColorbottom("#CC9900",0)' shape="poly" style="cursor:pointer"/><area alt="#FF9900" coords="90,165,99,169,99,180,90,184,81,180,81,169" onclick='clickColor("#FF9900",0,185,81)' onmouseover='mouseOverColorbottom("#FF9900",0)' shape="poly" style="cursor:pointer"/><area alt="#CC6600" coords="108,165,117,169,117,180,108,184,99,180,99,169" onclick='clickColor("#CC6600",0,185,99)' onmouseover='mouseOverColorbottom("#CC6600",0)' shape="poly" style="cursor:pointer"/><area alt="#FF3300" coords="126,165,135,169,135,180,126,184,117,180,117,169" onclick='clickColor("#FF3300",0,185,117)' onmouseover='mouseOverColorbottom("#FF3300",0)' shape="poly" style="cursor:pointer"/><area alt="#FF0000" coords="144,165,153,169,153,180,144,184,135,180,135,169" onclick='clickColor("#FF0000",0,185,135)' onmouseover='mouseOverColorbottom("#FF0000",0)' shape="poly" style="cursor:pointer"/><area alt="#CC0000" coords="162,165,171,169,171,180,162,184,153,180,153,169" onclick='clickColor("#CC0000",0,185,153)' onmouseover='mouseOverColorbottom("#CC0000",0)' shape="poly" style="cursor:pointer"/><area alt="#990033" coords="180,165,189,169,189,180,180,184,171,180,171,169" onclick='clickColor("#990033",0,185,171)' onmouseover='mouseOverColorbottom("#990033",0)' shape="poly" style="cursor:pointer"/><area alt="#663300" coords="63,180,72,184,72,195,63,199,54,195,54,184" onclick='clickColor("#663300",0,200,54)' onmouseover='mouseOverColorbottom("#663300",0)' shape="poly" style="cursor:pointer"/><area alt="#996600" coords="81,180,90,184,90,195,81,199,72,195,72,184" onclick='clickColor("#996600",0,200,72)' onmouseover='mouseOverColorbottom("#996600",0)' shape="poly" style="cursor:pointer"/><area alt="#CC3300" coords="99,180,108,184,108,195,99,199,90,195,90,184" onclick='clickColor("#CC3300",0,200,90)' onmouseover='mouseOverColorbottom("#CC3300",0)' shape="poly" style="cursor:pointer"/><area alt="#993300" coords="117,180,126,184,126,195,117,199,108,195,108,184" onclick='clickColor("#993300",0,200,108)' onmouseover='mouseOverColorbottom("#993300",0)' shape="poly" style="cursor:pointer"/><area alt="#990000" coords="135,180,144,184,144,195,135,199,126,195,126,184" onclick='clickColor("#990000",0,200,126)' onmouseover='mouseOverColorbottom("#990000",0)' shape="poly" style="cursor:pointer"/><area alt="#800000" coords="153,180,162,184,162,195,153,199,144,195,144,184" onclick='clickColor("#800000",0,200,144)' onmouseover='mouseOverColorbottom("#800000",0)' shape="poly" style="cursor:pointer"/><area alt="#993333" coords="171,180,180,184,180,195,171,199,162,195,162,184" onclick='clickColor("#993333",0,200,162)' onmouseover='mouseOverColorbottom("#993333",0)' shape="poly" style="cursor:pointer"/></map> <script> document.getElementById("selectedColorbottom").style.top="35px" document.getElementById("selectedColorbottom").style.left="135px" document.getElementById("selectedColorbottom").style.visibility="visible" </script> </div> </td> <td> <div style="margin-bottom:20px;"> 顶部颜色: <input id="colortop" name="colortop" style="width:100px;margin:0px;" value="#FF0000"/> <input onclick="clickColor(0,1,-1,-1)" type="button" value="提交"/> </div> <div id="colormixer"><table cellpadding="0" cellspacing="0" style="width:100%;"><tbody><tr><td style="height:40px;color:#FFFFFF;background:rgb(255,153,153)"> </td><td style="font-family:courier new;font-size:110%;"> #FF9999</td></tr><tr><td #ff9c9e")"="" #ff9c9e",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,156,158)"> </td><td style="font-family:courier new;font-size:110%;"> #FF9C9E</td></tr><tr><td #ff9ea3")"="" #ff9ea3",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,158,163)"> </td><td style="font-family:courier new;font-size:110%;"> #FF9EA3</td></tr><tr><td #ffa1a8")"="" #ffa1a8",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,161,168)"> </td><td style="font-family:courier new;font-size:110%;"> #FFA1A8</td></tr><tr><td #ffa3ad")"="" #ffa3ad",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,163,173)"> </td><td style="font-family:courier new;font-size:110%;"> #FFA3AD</td></tr><tr><td #ffa6b2")"="" #ffa6b2",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,166,178)"> </td><td style="font-family:courier new;font-size:110%;"> #FFA6B2</td></tr><tr><td #ffa8b8")"="" #ffa8b8",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,168,184)"> </td><td style="font-family:courier new;font-size:110%;"> #FFA8B8</td></tr><tr><td #ffabbd")"="" #ffabbd",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,171,189)"> </td><td style="font-family:courier new;font-size:110%;"> #FFABBD</td></tr><tr><td #ffadc2")"="" #ffadc2",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,173,194)"> </td><td style="font-family:courier new;font-size:110%;"> #FFADC2</td></tr><tr><td #ffb0c7")"="" #ffb0c7",1)"="" onclick="clickColor(" onmouseout="mouseOutMaptop()" onmouseover="mouseOverColortop(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,176,199)"> </td><td style="font-family:courier new;font-size:110%;"> #FFB0C7</td></tr><tr><td #ffb2cc")"="" #ffb2cc",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,178,204)"> </td><td style="font-family:courier new;font-size:110%;"> #FFB2CC</td></tr><tr><td #ffb5d1")"="" #ffb5d1",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,181,209)"> </td><td style="font-family:courier new;font-size:110%;"> #FFB5D1</td></tr><tr><td #ffb8d6")"="" #ffb8d6",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,184,214)"> </td><td style="font-family:courier new;font-size:110%;"> #FFB8D6</td></tr><tr><td #ffbadb")"="" #ffbadb",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,186,219)"> </td><td style="font-family:courier new;font-size:110%;"> #FFBADB</td></tr><tr><td #ffbde0")"="" #ffbde0",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,189,224)"> </td><td style="font-family:courier new;font-size:110%;"> #FFBDE0</td></tr><tr><td #ffbfe6")"="" #ffbfe6",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,191,230)"> </td><td style="font-family:courier new;font-size:110%;"> #FFBFE6</td></tr><tr><td #ffc2eb")"="" #ffc2eb",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,194,235)"> </td><td style="font-family:courier new;font-size:110%;"> #FFC2EB</td></tr><tr><td #ffc4f0")"="" #ffc4f0",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,196,240)"> </td><td style="font-family:courier new;font-size:110%;"> #FFC4F0</td></tr><tr><td #ffc7f5")"="" #ffc7f5",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,199,245)"> </td><td style="font-family:courier new;font-size:110%;"> #FFC7F5</td></tr><tr><td #ffc9fa")"="" #ffc9fa",0)"="" onclick="clickColor(" onmouseout="mouseOutMapbottom()" onmouseover="mouseOverColorbottom(" style="width:200px;height:20px;color:#FFFFFF;background:rgb(255,201,250)"> </td><td style="font-family:courier new;font-size:110%;"> #FFC9FA</td></tr><tr><td style="height:40px;background:rgb(255,204,255)"></td><td style="font-family:courier new;font-size:110%;"> #FFCCFF</td></tr></tbody></table></div> <div style="margin-top:20px;margin-bottom:20px;"> 底部颜色: <input id="colorbottom" name="colorbottom" style="width:100px;margin:0px;" value="#0000FF"/> <input onclick="clickColor(0,0,-1,-1)" type="button" value="提交"/> </div> </td> </tr></tbody></table></div> <div class="pre-and-next"> <a href="co-987.html">上一篇： HTML 拾色器</a> <a href="co-989.html" >下一篇： HTML 字符集 </a> </div> </div> <div class="right-nav-con" id="rightNavCon"> <ul id="rightNavList"> <li><strong>分类导航</strong></li> <li data-type="dropdown"> <a href="javascript:;">HTML/CSS  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/bootstrap/" class="">Bootstrap 教程</a></dd> <dd><a href="/jiaocheng/bootstrap4/" class="">Bootstrap4 教程</a></dd> <dd><a href="/jiaocheng/css/" class="">CSS 教程</a></dd> <dd><a href="/jiaocheng/css3/" class="">CSS3 教程</a></dd> <dd><a href="/jiaocheng/html/" class="">HTML 教程</a></dd> <dd><a href="/jiaocheng/html5jc/" class="">HTML5教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">JavaScript  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/ajax/" class="">Ajax 教程</a></dd> <dd><a href="/jiaocheng/googleapi/" class="">Google 地图 API 教程</a></dd> <dd><a href="/jiaocheng/jsref/" class="">JavaScript 参考手册</a></dd> <dd><a href="/jiaocheng/jeasyui/" class="">jQuery EasyUI 教程</a></dd> <dd><a href="/jiaocheng/jquery/" class="">jQuery 教程</a></dd> <dd><a href="/jiaocheng/json_t/" class="">JSON 教程</a></dd> <dd><a href="/jiaocheng/vue2/" class="">Vue.js 教程</a></dd> <dd><a href="/jiaocheng/js/" class="">Javascript 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">后端语言  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/cprogramming/" class="">C 教程</a></dd> <dd><a href="/jiaocheng/cplusplus/" class="">C++ 教程</a></dd> <dd><a href="/jiaocheng/go/" class="">Go 语言教程</a></dd> <dd><a href="/jiaocheng/java/" class="">Java 教程</a></dd> <dd><a href="/jiaocheng/nodejs/" class="">Node.js 教程</a></dd> <dd><a href="/jiaocheng/php/" class="">PHP 教程</a></dd> <dd><a href="/jiaocheng/python3/" class="">Python 3 教程</a></dd> <dd><a href="/jiaocheng/scala/" class="">Scala 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">数据库  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/memcached/" class="">Memcached 教程</a></dd> <dd><a href="/jiaocheng/mongodb/" class="">MongoDB 教程</a></dd> <dd><a href="/jiaocheng/mysql/" class="">MySQL 教程</a></dd> <dd><a href="/jiaocheng/redis/" class="">Redis 教程</a></dd> <dd><a href="/jiaocheng/sql/" class="">SQL 教程</a></dd> <dd><a href="/jiaocheng/sqlite/" class="">SQLite 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">移动开发  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/android/" class="">Android 教程</a></dd> <dd><a href="/jiaocheng/ionic/" class="">ionic 教程</a></dd> <dd><a href="/jiaocheng/ios/" class="">iOS 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">服务器相关  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/docker/" class="">Docker 教程</a></dd> <dd><a href="/jiaocheng/linux/" class="">Linux 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">开发工具  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/eclipse/" class="">Eclipse 教程</a></dd> <dd><a href="/jiaocheng/svn/" class="">SVN 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">网站建设  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/htpjc/" class="">HTTP 教程</a></dd> <dd><a href="/jiaocheng/w3c/" class="">W3C 教程</a></dd> </dl> </li> <li data-type="dropdown"> <a href="javascript:;">XML教程  <i class="opacity-5 fa fa-angle-down" aria-hidden="true"></i> </a> <dl class="height-0"> <dd><a href="/jiaocheng/xlink/" class="">XLink 教程</a></dd> <dd><a href="/jiaocheng/dom/" class="">XML DOM 教程</a></dd> <dd><a href="/jiaocheng/xml/" class="">XML 教程</a></dd> </dl> </li> </ul> </div> </div>  <footer class="relative b-large-margin"> <div class="container"> <div class="footer-gg-b"> <div class="footer-gg-b-addr">  </div> <div class="footer-gg-b-style"> <div class="footer-gg-b-link"> <a href="" class="footer-gg-b-email">联系我们</a> <a href="" class="footer-gg-b-feedback">问题反馈</a> </div> <p class="footer-gg-b-copy"><a href="https://beian.miit.gov.cn" target="_blank">鄂ICP备2023022218号-2</a> ©2023 CPU.COM.CN ALL RIGHT RESERVED</p></div> </div> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js?id=JtK9htQUws8UhD7i&ck=JtK9htQUws8UhD7i&autoTrack=true"></script><script type="text/javascript" src="https://js.users.51.la/21804545.js"></script><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js?id=K079qR6lFQ4UNH67&ck=K079qR6lFQ4UNH67"></script> </div></footer> <div class="xf-window"> <div class="xf-wxewm" id="showQrcode"> <i class="fa fa-qrcode icon icon-qrcode "></i> <div class="xf-qrcode" id="wxQrcode"> <p>用微信扫一扫</p> <img src="/static/202010/img/gzh_wechat.jpg" width="150"> </div> </div> <a class="fa fa-star xf-collection"> 收藏 </a> <div class="fa fa-qq xf-share " id="showQqlist"> <div class="xf-qrcode xf-qq-link " id="qqWindow" style="display: none"> <p class="xf-qq-link-tit">CPU中文网交流群</p> <p><span>QQ群：</span></p> <a target="_blank" href="">点击加入群</a> <p><span>QQ客服：</span> </p> <p>(工作日: 9:00-18:00)</p> <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">点击联系客服</a> </div> </div> <a href="/feedback.html" class="fa fa-pencil xf-myfeed" target="_blank" id="feedBack"> </a> <div class="xf-totop" id="goTop"> <i class="fa fa-caret-up icon icon-caret-up"></i> </div> </div> <script src="/static/202010/js/lang.js"></script> <script src="/static/202010/js/login.js"></script> <script src="/static/202010/js/footer.js"></script> <style> .popup-link-info-box { position: absolute; right: 58px; top: 0; background-color: #fff; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); padding: 15px; display: none; } .popup-link-info-box li { float: left; margin-right: 10px; border: 1px solid #eee; text-align: center; line-height: 50px; } .popup-link-info-box li p { font-size: 14px; color: #333; } .popup-link-info-box li p span { font-size: 14px; color: #333; } .popup-link-info-box li .popup-wechat-wrapper {} .popup-link-info-box li .popup-wechat-wrapper img { height: 100%; width: 100%; object-fit: cover; } </style> <script type="text/javascript" src="/static/kj/js/jquery.js"></script> <script type="text/javascript" src="/static/kj/js/home-1589270335000-bundle.js"></script> <script type="text/javascript" src="/static/202010/js/jquery.cookie.js"></script> <script type="text/javascript" src="/static/kj/js/pre.js"></script> <script src="/static/202010/js/new-common.js"></script> <script> $(function () { //替换为 pre 标签 // $('.example_code').unwrap().wrap('<pre/>'); $('.example_code').find('br').remove() $('.example_code').replaceWith(function(){ return $("<pre />").append($(this).contents()); }); $("pre").addClass("prettyprint");//如果其他地方也要用到pre，我们可以再加一个父标签的选择器来区分 prettyPrint();//代替body上的onload事件加载该方法 $('a.tryitbtn').text('运行代码') //左导航高度 // var centHeight = $('.is-node').outerHeight() - 2 // $('.left-nav-container').height(centHeight) // $('.left-nav-container ul').height(centHeight - 36) // $('.right-nav-con').height(centHeight) }) $('#write').find('hr').remove() </script> </body> </html>