xiaojianhx

颜色代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>找字网网页颜色代码全集</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1543" name=GENERATOR>
<STYLE type=text/css>TD {
	FONT-SIZE: 10.8pt
}
BODY {
	FONT-SIZE: 10.8pt
}
BUTTON {
	WIDTH: 5em
}
</STYLE>

<SCRIPT language=JavaScript>
var SelRGB = '';
var DrRGB = '';
var SelGRAY = '120';

var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');

function ToHex(n)
{	var h, l;

	n = Math.round(n);
	l = n % 16;
	h = Math.floor((n / 16)) % 16;
	return (hexch[h] + hexch[l]);
}

function DoColor(c, l)
{ var r, g, b;

  r = '0x' + c.substring(1, 3);
  g = '0x' + c.substring(3, 5);
  b = '0x' + c.substring(5, 7);
  
  if(l > 120)
  {
    l = l - 120;

    r = (r * (120 - l) + 255 * l) / 120;
    g = (g * (120 - l) + 255 * l) / 120;
    b = (b * (120 - l) + 255 * l) / 120;
  }else
  {
    r = (r * l) / 120;
    g = (g * l) / 120;
    b = (b * l) / 120;
  }

  return '#' + ToHex(r) + ToHex(g) + ToHex(b);
}

function EndColor()
{ var i;

  if(DrRGB != SelRGB)
  {
    DrRGB = SelRGB;
    for(i = 0; i <= 30; i ++)
      GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8);
  }

  SelColor.value = DoColor(RGB.innerText, GRAY.innerText);
  ShowColor.bgColor = SelColor.value;
}
</SCRIPT>

<SCRIPT language=JavaScript event=onclick for=ColorTable>
  SelRGB = event.srcElement.bgColor;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseover for=ColorTable>
  RGB.innerText = event.srcElement.bgColor;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseout for=ColorTable>
  RGB.innerText = SelRGB;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onclick for=GrayTable>
  SelGRAY = event.srcElement.title;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseover for=GrayTable>
  GRAY.innerText = event.srcElement.title;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseout for=GrayTable>
  GRAY.innerText = SelGRAY;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onclick for=Ok>
  window.returnValue = SelColor.value;
  window.close();
</SCRIPT>
</HEAD>
<BODY bgcolor="#006633" text=#000000 link=#000000 leftMargin=0 topMargin=0 bgProperties=fixed>
<DIV align=center>

  <p>&nbsp;</p>
  <p><font color="#FF0000" size="5"><strong><a href="http://www.zhaozi.cn"><font color="#FF6600">找字网</font></a>网页颜色代码选择器<br>
    <br>
    软件推荐：<a href="http://www.zhaozi.cn/prog/29.html" target="_blank"><font color="#FFFFFF">桌面RGB颜色取色精灵</font></a> 
    </strong></font></p>
</DIV>
<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd 
border=0>
  <TBODY>

  <TR bgColor=#ffffff>
    <TD align=middle width="10%"><SELECT onchange=selectchg(this.value) 
      name=select1> <OPTION value=1 selected>红</OPTION> <OPTION 
        value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION 
      value=4>灰</OPTION></SELECT> </TD>
    <TD align=middle width="90%">
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>

        <TBODY>
        <TR>
              <TD width="81%" align=right>颜色值 
                <INPUT class=memo size=10 name=text1> 
                <INPUT class=button onclick=choosecolor() type=button value="确认颜色" name=Button2> 
          </TD>
          <TD align=right width="1%"> </TD>
          <TD width="18%">
            <TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0 
            width=40 border=0>
              <TBODY>

              <TR>
                <TD id=customcolor onmouseover=showcolor(this) 
                bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
  <TR bgColor=#ffffff>
    <TD align=middle width="10%">
      <TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0 
        border=0><SCRIPT language=VBScript>
function hexit(which)
hexit=hex(which)
end function
</SCRIPT>

        <SCRIPT language=JavaScript>
for(i=0;i<=15;++i)
{document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>')
 document.all['tdleft' + i].num=i
}
</SCRIPT>

        <TBODY></TBODY></TABLE></TD>
    <TD align=middle width="90%">
      <TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0 
border=0>
        <SCRIPT language=JavaScript>
document.write('<tr><td></td>')
for(i=0;i<=15;++i)
{document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}
document.write('</tr>')

for(i=0;i<=15;++i)
{document.write('<tr>')
 document.write('<td align="center">'+ hexit(0+i*17) +'</td>')
 for(j=0;j<=15;++j)
  {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')}
 document.write('</tr>')
}

</SCRIPT>

        <TBODY></TBODY></TABLE></TD></TR>
  <TR bgColor=#ffffff>
    <TD colSpan=2 
      height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。 
      <BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE>

<SCRIPT language=JavaScript>
function selectchg(which)
{switch(which)
  {case '1' :leftR();break;
   case '2' :leftG();break;
   case '3' :leftB();break;
   case '4' :leftA();break;
  }
}
function leftR()
{for(i=0;i<=15;++i)
   {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'}
 rightR(0)
}
function leftG()
{for(i=0;i<=15;++i)
   {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'}
 rightG(0)
}
function leftB()
{for(i=0;i<=15;++i)
   {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'}
 rightB(0)
}
function leftA()
{for(i=0;i<=15;++i)
   {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'}
 rightA()
}
function rightR(which)
{for(i=0;i<=15;++i)
   {for(j=0;j<=15;++j)
     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'}
    }
}
function rightG(which)
{for(i=0;i<=15;++i)
   {for(j=0;j<=15;++j)
     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) +  ',' + (0+j*17) + ')'}
    }
}
function rightB(which)
{for(i=0;i<=15;++i)
   {for(j=0;j<=15;++j)
     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'}
    }
}
function rightA()
{for(i=0;i<=15;++i)
   {for(j=0;j<=15;++j)
     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'}
    }
}
var rightclicked=false
function clickright(which)
{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}
}
function changeright(which)
{switch(select1.value)
  {case '1' :rightR(which);break;
   case '2' :rightG(which);break;
   case '3' :rightB(which);break;
 }
}
function showcolor(which)
{if(rightclicked)return;
 text1.value=which.bgColor
 choosecolor()
}
function choosecolor()
{customcolor.bgColor=text1.value
}
</SCRIPT>
<DIV align=center>
<CENTER>
  </CENTER></DIV>
<DIV align=center>
<CENTER>
  </CENTER></DIV>
<P align=center><B><font color="#FF0000" size="5">网页颜色代码对照表</font></B></P>
<DIV align=center>
<CENTER><FONT face=Verdana size=3>
<TABLE cellSpacing=3>
  <TBODY>

  <TR>
    <TD width=30 bgColor=#ffffff height=30></TD>
    <TD>#FFFFFF</TD>
    <TD width=30 bgColor=#fffff0 height=30></TD>
    <TD>#FFFFF0</TD>
    <TD width=30 bgColor=#ffffe0 height=30></TD>
    <TD>#FFFFE0</TD>

    <TD width=30 bgColor=#ffff00 height=30></TD>
    <TD>#FFFF00</TD></TR>
  <TR>
    <TD width=30 bgColor=#fffafa height=30></TD>
    <TD>#FFFAFA</TD>
    <TD width=30 bgColor=#fffaf0 height=30></TD>
    <TD>#FFFAF0</TD>

    <TD width=30 bgColor=#fffacd height=30></TD>
    <TD>#FFFACD</TD>
    <TD width=30 bgColor=#fff8dc height=30></TD>
    <TD>#FFF8DC</TD></TR>
  <TR>
    <TD width=30 bgColor=#fff68f height=30></TD>
    <TD>#FFF68F</TD>

    <TD width=30 bgColor=#fff5ee height=30></TD>
    <TD>#FFF5EE</TD>
    <TD width=30 bgColor=#fff0f5 height=30></TD>
    <TD>#FFF0F5</TD>
    <TD width=30 bgColor=#ffefdb height=30></TD>
    <TD>#FFEFDB</TD></TR>
  <TR>

    <TD width=30 bgColor=#ffefd5 height=30></TD>
    <TD>#FFEFD5</TD>
    <TD width=30 bgColor=#ffec8b height=30></TD>
    <TD>#FFEC8B</TD>
    <TD width=30 bgColor=#ffebcd height=30></TD>
    <TD>#FFEBCD</TD>
    <TD width=30 bgColor=#ffe7ba height=30></TD>

    <TD>#FFE7BA</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffe4e1 height=30></TD>
    <TD>#FFE4E1</TD>
    <TD width=30 bgColor=#ffe4c4 height=30></TD>
    <TD>#FFE4C4</TD>
    <TD width=30 bgColor=#ffe4b5 height=30></TD>

    <TD>#FFE4B5</TD>
    <TD width=30 bgColor=#ffe1ff height=30></TD>
    <TD>#FFE1FF</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffdead height=30></TD>
    <TD>#FFDEAD</TD>
    <TD width=30 bgColor=#ffdab9 height=30></TD>

    <TD>#FFDAB9</TD>
    <TD width=30 bgColor=#ffd700 height=30></TD>
    <TD>#FFD700</TD>
    <TD width=30 bgColor=#ffd39b height=30></TD>
    <TD>#FFD39B</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffc1c1 height=30></TD>

    <TD>#FFC1C1</TD>
    <TD width=30 bgColor=#ffc125 height=30></TD>
    <TD>#FFC125</TD>
    <TD width=30 bgColor=#ffc0cb height=30></TD>
    <TD>#FFC0CB</TD>
    <TD width=30 bgColor=#ffbbff height=30></TD>
    <TD>#FFBBFF</TD></TR>

  <TR>
    <TD width=30 bgColor=#ffb90f height=30></TD>
    <TD>#FFB90F</TD>
    <TD width=30 bgColor=#ffb6c1 height=30></TD>
    <TD>#FFB6C1</TD>
    <TD width=30 bgColor=#ffb5c5 height=30></TD>
    <TD>#FFB5C5</TD>

    <TD width=30 bgColor=#ffaeb9 height=30></TD>
    <TD>#FFAEB9</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffa54f height=30></TD>
    <TD>#FFA54F</TD>
    <TD width=30 bgColor=#ffa500 height=30></TD>
    <TD>#FFA500</TD>

    <TD width=30 bgColor=#ffa07a height=30></TD>
    <TD>#FFA07A</TD>
    <TD width=30 bgColor=#ff8c69 height=30></TD>
    <TD>#FF8C69</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff8c00 height=30></TD>
    <TD>#FF8C00</TD>

    <TD width=30 bgColor=#ff83fa height=30></TD>
    <TD>#FF83FA</TD>
    <TD width=30 bgColor=#ff82ab height=30></TD>
    <TD>#FF82AB</TD>
    <TD width=30 bgColor=#ff8247 height=30></TD>
    <TD>#FF8247</TD></TR>
  <TR>

    <TD width=30 bgColor=#ff7f50 height=30></TD>
    <TD>#FF7F50</TD>
    <TD width=30 bgColor=#ff7f24 height=30></TD>
    <TD>#FF7F24</TD>
    <TD width=30 bgColor=#ff7f00 height=30></TD>
    <TD>#FF7F00</TD>
    <TD width=30 bgColor=#ff7256 height=30></TD>

    <TD>#FF7256</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff6eb4 height=30></TD>
    <TD>#FF6EB4</TD>
    <TD width=30 bgColor=#ff6a6a height=30></TD>
    <TD>#FF6A6A</TD>
    <TD width=30 bgColor=#ff69b4 height=30></TD>

    <TD>#FF69B4</TD>
    <TD width=30 bgColor=#ff6347 height=30></TD>
    <TD>#FF6347</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff4500 height=30></TD>
    <TD>#FF4500</TD>
    <TD width=30 bgColor=#ff4040 height=30></TD>

    <TD>#FF4040</TD>
    <TD width=30 bgColor=#ff3e96 height=30></TD>
    <TD>#FF3E96</TD>
    <TD width=30 bgColor=#ff34b3 height=30></TD>
    <TD>#FF34B3</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff3030 height=30></TD>

    <TD>#FF3030</TD>
    <TD width=30 bgColor=#ff1493 height=30></TD>
    <TD>#FF1493</TD>
    <TD width=30 bgColor=#ff00ff height=30></TD>
    <TD>#FF00FF</TD>
    <TD width=30 bgColor=#ff0000 height=30></TD>
    <TD>#FF0000</TD></TR>

  <TR>
    <TD width=30 bgColor=#fdf5e6 height=30></TD>
    <TD>#FDF5E6</TD>
    <TD width=30 bgColor=#fcfcfc height=30></TD>
    <TD>#FCFCFC</TD>
    <TD width=30 bgColor=#fafafa height=30></TD>
    <TD>#FAFAFA</TD>

    <TD width=30 bgColor=#fafad2 height=30></TD>
    <TD>#FAFAD2</TD></TR>
  <TR>
    <TD width=30 bgColor=#faf0e6 height=30></TD>
    <TD>#FAF0E6</TD>
    <TD width=30 bgColor=#faebd7 height=30></TD>
    <TD>#FAEBD7</TD>

    <TD width=30 bgColor=#fa8072 height=30></TD>
    <TD>#FA8072</TD>
    <TD width=30 bgColor=#f8f8ff height=30></TD>
    <TD>#F8F8FF</TD></TR>
  <TR>
    <TD width=30 bgColor=#f7f7f7 height=30></TD>
    <TD>#F7F7F7</TD>

    <TD width=30 bgColor=#f5fffa height=30></TD>
    <TD>#F5FFFA</TD>
    <TD width=30 bgColor=#f5f5f5 height=30></TD>
    <TD>#F5F5F5</TD>
    <TD width=30 bgColor=#f5f5dc height=30></TD>
    <TD>#F5F5DC</TD></TR>
  <TR>

    <TD width=30 bgColor=#f5deb3 height=30></TD>
    <TD>#F5DEB3</TD>
    <TD width=30 bgColor=#f4f4f4 height=30></TD>
    <TD>#F4F4F4</TD>
    <TD width=30 bgColor=#f4a460 height=30></TD>
    <TD>#F4A460</TD>
    <TD width=30 bgColor=#f2f2f2 height=30></TD>

    <TD>#F2F2F2</TD></TR>
  <TR>
    <TD width=30 bgColor=#f0ffff height=30></TD>
    <TD>#F0FFFF</TD>
    <TD width=30 bgColor=#f0fff0 height=30></TD>
    <TD>#F0FFF0</TD>
    <TD width=30 bgColor=#f0f8ff height=30></TD>

    <TD>#F0F8FF</TD>
    <TD width=30 bgColor=#f0f0f0 height=30></TD>
    <TD>#F0F0F0</TD></TR>
  <TR>
    <TD width=30 bgColor=#f0e68c height=30></TD>
    <TD>#F0E68C</TD>
    <TD width=30 bgColor=#f08080 height=30></TD>

    <TD>#F08080</TD>
    <TD width=30 bgColor=#eeeee0 height=30></TD>
    <TD>#EEEEE0</TD>
    <TD width=30 bgColor=#eeeed1 height=30></TD>
    <TD>#EEEED1</TD></TR>
  <TR>
    <TD width=30 bgColor=#eeee00 height=30></TD>

    <TD>#EEEE00</TD>
    <TD width=30 bgColor=#eee9e9 height=30></TD>
    <TD>#EEE9E9</TD>
    <TD width=30 bgColor=#eee9bf height=30></TD>
    <TD>#EEE9BF</TD>
    <TD width=30 bgColor=#eee8cd height=30></TD>
    <TD>#EEE8CD</TD></TR>

  <TR>
    <TD width=30 bgColor=#eee8aa height=30></TD>
    <TD>#EEE8AA</TD>
    <TD width=30 bgColor=#eee685 height=30></TD>
    <TD>#EEE685</TD>
    <TD width=30 bgColor=#eee5de height=30></TD>
    <TD>#EEE5DE</TD>

    <TD width=30 bgColor=#eee0e5 height=30></TD>
    <TD>#EEE0E5</TD></TR>
  <TR>
    <TD width=30 bgColor=#eedfcc height=30></TD>
    <TD>#EEDFCC</TD>
    <TD width=30 bgColor=#eedc82 height=30></TD>
    <TD>#EEDC82</TD>

    <TD width=30 bgColor=#eed8ae height=30></TD>
    <TD>#EED8AE</TD>
    <TD width=30 bgColor=#eed5d2 height=30></TD>
    <TD>#EED5D2</TD></TR>
  <TR>
    <TD width=30 bgColor=#eed5b7 height=30></TD>
    <TD>#EED5B7</TD>

    <TD width=30 bgColor=#eed2ee height=30></TD>
    <TD>#EED2EE</TD>
    <TD width=30 bgColor=#eecfa1 height=30></TD>
    <TD>#EECFA1</TD>
    <TD width=30 bgColor=#eecbad height=30></TD>
    <TD>#EECBAD</TD></TR>
  <TR>

    <TD width=30 bgColor=#eec900 height=30></TD>
    <TD>#EEC900</TD>
    <TD width=30 bgColor=#eec591 height=30></TD>
    <TD>#EEC591</TD>
    <TD width=30 bgColor=#eeb4b4 height=30></TD>
    <TD>#EEB4B4</TD>
    <TD width=30 bgColor=#eeb422 height=30></TD>

    <TD>#EEB422</TD></TR>
  <TR>
    <TD width=30 bgColor=#eeaeee height=30></TD>
    <TD>#EEAEEE</TD>
    <TD width=30 bgColor=#eead0e height=30></TD>
    <TD>#EEAD0E</TD>
    <TD width=30 bgColor=#eea9b8 height=30></TD>

    <TD>#EEA9B8</TD>
    <TD width=30 bgColor=#eea2ad height=30></TD>
    <TD>#EEA2AD</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee9a49 height=30></TD>
    <TD>#EE9A49</TD>
    <TD width=30 bgColor=#ee9a00 height=30></TD>

    <TD>#EE9A00</TD>
    <TD width=30 bgColor=#ee9572 height=30></TD>
    <TD>#EE9572</TD>
    <TD width=30 bgColor=#ee82ee height=30></TD>
    <TD>#EE82EE</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee8262 height=30></TD>

    <TD>#EE8262</TD>
    <TD width=30 bgColor=#ee7ae9 height=30></TD>
    <TD>#EE7AE9</TD>
    <TD width=30 bgColor=#ee799f height=30></TD>
    <TD>#EE799F</TD>
    <TD width=30 bgColor=#ee7942 height=30></TD>
    <TD>#EE7942</TD></TR>

  <TR>
    <TD width=30 bgColor=#ee7621 height=30></TD>
    <TD>#EE7621</TD>
    <TD width=30 bgColor=#ee7600 height=30></TD>
    <TD>#EE7600</TD>
    <TD width=30 bgColor=#ee6aa7 height=30></TD>
    <TD>#EE6AA7</TD>

    <TD width=30 bgColor=#ee6a50 height=30></TD>
    <TD>#EE6A50</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee6363 height=30></TD>
    <TD>#EE6363</TD>
    <TD width=30 bgColor=#ee5c42 height=30></TD>
    <TD>#EE5C42</TD>

    <TD width=30 bgColor=#ee4000 height=30></TD>
    <TD>#EE4000</TD>
    <TD width=30 bgColor=#ee3b3b height=30></TD>
    <TD>#EE3B3B</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee3a8c height=30></TD>
    <TD>#EE3A8C</TD>

    <TD width=30 bgColor=#ee30a7 height=30></TD>
    <TD>#EE30A7</TD>
    <TD width=30 bgColor=#ee2c2c height=30></TD>
    <TD>#EE2C2C</TD>
    <TD width=30 bgColor=#ee1289 height=30></TD>
    <TD>#EE1289</TD></TR>
  <TR>

    <TD width=30 bgColor=#ee00ee height=30></TD>
    <TD>#EE00EE</TD>
    <TD width=30 bgColor=#ee0000 height=30></TD>
    <TD>#EE0000</TD>
    <TD width=30 bgColor=#ededed height=30></TD>
    <TD>#EDEDED</TD>
    <TD width=30 bgColor=#ebebeb height=30></TD>

    <TD>#EBEBEB</TD></TR>
  <TR>
    <TD width=30 bgColor=#eaeaea height=30></TD>
    <TD>#EAEAEA</TD>
    <TD width=30 bgColor=#e9967a height=30></TD>
    <TD>#E9967A</TD>
    <TD width=30 bgColor=#e8e8e8 height=30></TD>

    <TD>#E8E8E8</TD>
    <TD width=30 bgColor=#e6e6fa height=30></TD>
    <TD>#E6E6FA</TD></TR>
  <TR>
    <TD width=30 bgColor=#e5e5e5 height=30></TD>
    <TD>#E5E5E5</TD>
    <TD width=30 bgColor=#e3e3e3 height=30></TD>

    <TD>#E3E3E3</TD>
    <TD width=30 bgColor=#e0ffff height=30></TD>
    <TD>#E0FFFF</TD>
    <TD width=30 bgColor=#e0eeee height=30></TD>
    <TD>#E0EEEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#e0eee0 height=30></TD>

    <TD>#E0EEE0</TD>
    <TD width=30 bgColor=#e0e0e0 height=30></TD>
    <TD>#E0E0E0</TD>
    <TD width=30 bgColor=#e066ff height=30></TD>
    <TD>#E066FF</TD>
    <TD width=30 bgColor=#dedede height=30></TD>
    <TD>#DEDEDE</TD></TR>

  <TR>
    <TD width=30 bgColor=#deb887 height=30></TD>
    <TD>#DEB887</TD>
    <TD width=30 bgColor=#dda0dd height=30></TD>
    <TD>#DDA0DD</TD>
    <TD width=30 bgColor=#dcdcdc height=30></TD>
    <TD>#DCDCDC</TD>

    <TD width=30 bgColor=#dc143c height=30></TD>
    <TD>#DC143C</TD></TR>
  <TR>
    <TD width=30 bgColor=#dbdbdb height=30></TD>
    <TD>#DBDBDB</TD>
    <TD width=30 bgColor=#db7093 height=30></TD>
    <TD>#DB7093</TD>

    <TD width=30 bgColor=#daa520 height=30></TD>
    <TD>#DAA520</TD>
    <TD width=30 bgColor=#da70d6 height=30></TD>
    <TD>#DA70D6</TD></TR>
  <TR>
    <TD width=30 bgColor=#d9d9d9 height=30></TD>
    <TD>#D9D9D9</TD>

    <TD width=30 bgColor=#d8bfd8 height=30></TD>
    <TD>#D8BFD8</TD>
    <TD width=30 bgColor=#d6d6d6 height=30></TD>
    <TD>#D6D6D6</TD>
    <TD width=30 bgColor=#d4d4d4 height=30></TD>
    <TD>#D4D4D4</TD></TR>
  <TR>

    <TD width=30 bgColor=#d3d3d3 height=30></TD>
    <TD>#D3D3D3</TD>
    <TD width=30 bgColor=#d2b48c height=30></TD>
    <TD>#D2B48C</TD>
    <TD width=30 bgColor=#d2691e height=30></TD>
    <TD>#D2691E</TD>
    <TD width=30 bgColor=#d1eeee height=30></TD>

    <TD>#D1EEEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#d1d1d1 height=30></TD>
    <TD>#D1D1D1</TD>
    <TD width=30 bgColor=#d15fee height=30></TD>
    <TD>#D15FEE</TD>
    <TD width=30 bgColor=#d02090 height=30></TD>

    <TD>#D02090</TD>
    <TD width=30 bgColor=#cfcfcf height=30></TD>
    <TD>#CFCFCF</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdcdc1 height=30></TD>
    <TD>#CDCDC1</TD>
    <TD width=30 bgColor=#cdcdb4 height=30></TD>

    <TD>#CDCDB4</TD>
    <TD width=30 bgColor=#cdcd00 height=30></TD>
    <TD>#CDCD00</TD>
    <TD width=30 bgColor=#cdc9c9 height=30></TD>
    <TD>#CDC9C9</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdc9a5 height=30></TD>

    <TD>#CDC9A5</TD>
    <TD width=30 bgColor=#cdc8b1 height=30></TD>
    <TD>#CDC8B1</TD>
    <TD width=30 bgColor=#cdc673 height=30></TD>
    <TD>#CDC673</TD>
    <TD width=30 bgColor=#cdc5bf height=30></TD>
    <TD>#CDC5BF</TD></TR>

  <TR>
    <TD width=30 bgColor=#cdc1c5 height=30></TD>
    <TD>#CDC1C5</TD>
    <TD width=30 bgColor=#cdc0b0 height=30></TD>
    <TD>#CDC0B0</TD>
    <TD width=30 bgColor=#cdbe70 height=30></TD>
    <TD>#CDBE70</TD>

    <TD width=30 bgColor=#cdba96 height=30></TD>
    <TD>#CDBA96</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdb7b5 height=30></TD>
    <TD>#CDB7B5</TD>
    <TD width=30 bgColor=#cdb79e height=30></TD>
    <TD>#CDB79E</TD>

    <TD width=30 bgColor=#cdb5cd height=30></TD>
    <TD>#CDB5CD</TD>
    <TD width=30 bgColor=#cdb38b height=30></TD>
    <TD>#CDB38B</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdaf95 height=30></TD>
    <TD>#CDAF95</TD>

    <TD width=30 bgColor=#cdad00 height=30></TD>
    <TD>#CDAD00</TD>
    <TD width=30 bgColor=#cdaa7d height=30></TD>
    <TD>#CDAA7D</TD>
    <TD width=30 bgColor=#cd9b9b height=30></TD>
    <TD>#CD9B9B</TD></TR>
  <TR>

    <TD width=30 bgColor=#cd9b1d height=30></TD>
    <TD>#CD9B1D</TD>
    <TD width=30 bgColor=#cd96cd height=30></TD>
    <TD>#CD96CD</TD>
    <TD width=30 bgColor=#cd950c height=30></TD>
    <TD>#CD950C</TD>
    <TD width=30 bgColor=#cd919e height=30></TD>

    <TD>#CD919E</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd8c95 height=30></TD>
    <TD>#CD8C95</TD>
    <TD width=30 bgColor=#cd853f height=30></TD>
    <TD>#CD853F</TD>
    <TD width=30 bgColor=#cd8500 height=30></TD>

    <TD>#CD8500</TD>
    <TD width=30 bgColor=#cd8162 height=30></TD>
    <TD>#CD8162</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd7054 height=30></TD>
    <TD>#CD7054</TD>
    <TD width=30 bgColor=#cd69c9 height=30></TD>

    <TD>#CD69C9</TD>
    <TD width=30 bgColor=#cd6889 height=30></TD>
    <TD>#CD6889</TD>
    <TD width=30 bgColor=#cd6839 height=30></TD>
    <TD>#CD6839</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd661d height=30></TD>

    <TD>#CD661D</TD>
    <TD width=30 bgColor=#cd6600 height=30></TD>
    <TD>#CD6600</TD>
    <TD width=30 bgColor=#cd6090 height=30></TD>
    <TD>#CD6090</TD>
    <TD width=30 bgColor=#cd5c5c height=30></TD>
    <TD>#CD5C5C</TD></TR>

  <TR>
    <TD width=30 bgColor=#cd5b45 height=30></TD>
    <TD>#CD5B45</TD>
    <TD width=30 bgColor=#cd5555 height=30></TD>
    <TD>#CD5555</TD>
    <TD width=30 bgColor=#cd4f39 height=30></TD>
    <TD>#CD4F39</TD>

    <TD width=30 bgColor=#cd3700 height=30></TD>
    <TD>#CD3700</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd3333 height=30></TD>
    <TD>#CD3333</TD>
    <TD width=30 bgColor=#cd3278 height=30></TD>
    <TD>#CD3278</TD>

    <TD width=30 bgColor=#cd2990 height=30></TD>
    <TD>#CD2990</TD>
    <TD width=30 bgColor=#cd2626 height=30></TD>
    <TD>#CD2626</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd1076 height=30></TD>
    <TD>#CD1076</TD>

    <TD width=30 bgColor=#cd00cd height=30></TD>
    <TD>#CD00CD</TD>
    <TD width=30 bgColor=#cd0000 height=30></TD>
    <TD>#CD0000</TD>
    <TD width=30 bgColor=#cccccc height=30></TD>
    <TD>#CCCCCC</TD></TR>
  <TR>

    <TD width=30 bgColor=#caff70 height=30></TD>
    <TD>#CAFF70</TD>
    <TD width=30 bgColor=#cae1ff height=30></TD>
    <TD>#CAE1FF</TD>
    <TD width=30 bgColor=#c9c9c9 height=30></TD>
    <TD>#C9C9C9</TD>
    <TD width=30 bgColor=#c7c7c7 height=30></TD>

    <TD>#C7C7C7</TD></TR>
  <TR>
    <TD width=30 bgColor=#c71585 height=30></TD>
    <TD>#C71585</TD>
    <TD width=30 bgColor=#c6e2ff height=30></TD>
    <TD>#C6E2FF</TD>
    <TD width=30 bgColor=#c67171 height=30></TD>

    <TD>#C67171</TD>
    <TD width=30 bgColor=#c5c1aa height=30></TD>
    <TD>#C5C1AA</TD></TR>
  <TR>
    <TD width=30 bgColor=#c4c4c4 height=30></TD>
    <TD>#C4C4C4</TD>
    <TD width=30 bgColor=#c2c2c2 height=30></TD>

    <TD>#C2C2C2</TD>
    <TD width=30 bgColor=#c1ffc1 height=30></TD>
    <TD>#C1FFC1</TD>
    <TD width=30 bgColor=#c1cdcd height=30></TD>
    <TD>#C1CDCD</TD></TR>
  <TR>
    <TD width=30 bgColor=#c1cdc1 height=30></TD>

    <TD>#C1CDC1</TD>
    <TD width=30 bgColor=#c1c1c1 height=30></TD>
    <TD>#C1C1C1</TD>
    <TD width=30 bgColor=#c0ff3e height=30></TD>
    <TD>#C0FF3E</TD>
    <TD width=30 bgColor=#bfefff height=30></TD>
    <TD>#BFEFFF</TD></TR>

  <TR>
    <TD width=30 bgColor=#bfbfbf height=30></TD>
    <TD>#BFBFBF</TD>
    <TD width=30 bgColor=#bf3eff height=30></TD>
    <TD>#BF3EFF</TD>
    <TD width=30 bgColor=#bebebe height=30></TD>
    <TD>#BEBEBE</TD>

    <TD width=30 bgColor=#bdbdbd height=30></TD>
    <TD>#BDBDBD</TD></TR>
  <TR>
    <TD width=30 bgColor=#bdb76b height=30></TD>
    <TD>#BDB76B</TD>
    <TD width=30 bgColor=#bcee68 height=30></TD>
    <TD>#BCEE68</TD>

    <TD width=30 bgColor=#bcd2ee height=30></TD>
    <TD>#BCD2EE</TD>
    <TD width=30 bgColor=#bc8f8f height=30></TD>
    <TD>#BC8F8F</TD></TR>
  <TR>
    <TD width=30 bgColor=#bbffff height=30></TD>
    <TD>#BBFFFF</TD>

    <TD width=30 bgColor=#bababa height=30></TD>
    <TD>#BABABA</TD>
    <TD width=30 bgColor=#ba55d3 height=30></TD>
    <TD>#BA55D3</TD>
    <TD width=30 bgColor=#b9d3ee height=30></TD>
    <TD>#B9D3EE</TD></TR>
  <TR>

    <TD width=30 bgColor=#b8b8b8 height=30></TD>
    <TD>#B8B8B8</TD>
    <TD width=30 bgColor=#b8860b height=30></TD>
    <TD>#B8860B</TD>
    <TD width=30 bgColor=#b7b7b7 height=30></TD>
    <TD>#B7B7B7</TD>
    <TD width=30 bgColor=#b5b5b5 height=30></TD>

    <TD>#B5B5B5</TD></TR>
  <TR>
    <TD width=30 bgColor=#b4eeb4 height=30></TD>
    <TD>#B4EEB4</TD>
    <TD width=30 bgColor=#b4cdcd height=30></TD>
    <TD>#B4CDCD</TD>
    <TD width=30 bgColor=#b452cd height=30></TD>

    <TD>#B452CD</TD>
    <TD width=30 bgColor=#b3ee3a height=30></TD>
    <TD>#B3EE3A</TD></TR>
  <TR>
    <TD width=30 bgColor=#b3b3b3 height=30></TD>
    <TD>#B3B3B3</TD>
    <TD width=30 bgColor=#b2dfee height=30></TD>

    <TD>#B2DFEE</TD>
    <TD width=30 bgColor=#b23aee height=30></TD>
    <TD>#B23AEE</TD>
    <TD width=30 bgColor=#b22222 height=30></TD>
    <TD>#B22222</TD></TR>
  <TR>
    <TD width=30 bgColor=#b0e2ff height=30></TD>

    <TD>#B0E2FF</TD>
    <TD width=30 bgColor=#b0e0e6 height=30></TD>
    <TD>#B0E0E6</TD>
    <TD width=30 bgColor=#b0c4de height=30></TD>
    <TD>#B0C4DE</TD>
    <TD width=30 bgColor=#b0b0b0 height=30></TD>
    <TD>#B0B0B0</TD></TR>

  <TR>
    <TD width=30 bgColor=#b03060 height=30></TD>
    <TD>#B03060</TD>
    <TD width=30 bgColor=#aeeeee height=30></TD>
    <TD>#AEEEEE</TD>
    <TD width=30 bgColor=#adff2f height=30></TD>
    <TD>#ADFF2F</TD>

    <TD width=30 bgColor=#add8e6 height=30></TD>
    <TD>#ADD8E6</TD></TR>
  <TR>
    <TD width=30 bgColor=#adadad height=30></TD>
    <TD>#ADADAD</TD>
    <TD width=30 bgColor=#ababab height=30></TD>
    <TD>#ABABAB</TD>

    <TD width=30 bgColor=#ab82ff height=30></TD>
    <TD>#AB82FF</TD>
    <TD width=30 bgColor=#aaaaaa height=30></TD>
    <TD>#AAAAAA</TD></TR>
  <TR>
    <TD width=30 bgColor=#a9a9a9 height=30></TD>
    <TD>#A9A9A9</TD>

    <TD width=30 bgColor=#a8a8a8 height=30></TD>
    <TD>#A8A8A8</TD>
    <TD width=30 bgColor=#a6a6a6 height=30></TD>
    <TD>#A6A6A6</TD>
    <TD width=30 bgColor=#a52a2a height=30></TD>
    <TD>#A52A2A</TD></TR>
  <TR>

    <TD width=30 bgColor=#a4d3ee height=30></TD>
    <TD>#A4D3EE</TD>
    <TD width=30 bgColor=#a3a3a3 height=30></TD>
    <TD>#A3A3A3</TD>
    <TD width=30 bgColor=#a2cd5a height=30></TD>
    <TD>#A2CD5A</TD>
    <TD width=30 bgColor=#a2b5cd height=30></TD>

    <TD>#A2B5CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#a1a1a1 height=30></TD>
    <TD>#A1A1A1</TD>
    <TD width=30 bgColor=#a0522d height=30></TD>
    <TD>#A0522D</TD>
    <TD width=30 bgColor=#a020f0 height=30></TD>

    <TD>#A020F0</TD>
    <TD width=30 bgColor=#9fb6cd height=30></TD>
    <TD>#9FB6CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#9f79ee height=30></TD>
    <TD>#9F79EE</TD>
    <TD width=30 bgColor=#9e9e9e height=30></TD>

    <TD>#9E9E9E</TD>
    <TD width=30 bgColor=#9c9c9c height=30></TD>
    <TD>#9C9C9C</TD>
    <TD width=30 bgColor=#9bcd9b height=30></TD>
    <TD>#9BCD9B</TD></TR>
  <TR>
    <TD width=30 bgColor=#9b30ff height=30></TD>

    <TD>#9B30FF</TD>
    <TD width=30 bgColor=#9aff9a height=30></TD>
    <TD>#9AFF9A</TD>
    <TD width=30 bgColor=#9acd32 height=30></TD>
    <TD>#9ACD32</TD>
    <TD width=30 bgColor=#9ac0cd height=30></TD>
    <TD>#9AC0CD</TD></TR>

  <TR>
    <TD width=30 bgColor=#9a32cd height=30></TD>
    <TD>#9A32CD</TD>
    <TD width=30 bgColor=#999999 height=30></TD>
    <TD>#999999</TD>
    <TD width=30 bgColor=#9932cc height=30></TD>
    <TD>#9932CC</TD>

    <TD width=30 bgColor=#98fb98 height=30></TD>
    <TD>#98FB98</TD></TR>
  <TR>
    <TD width=30 bgColor=#98f5ff height=30></TD>
    <TD>#98F5FF</TD>
    <TD width=30 bgColor=#97ffff height=30></TD>
    <TD>#97FFFF</TD>

    <TD width=30 bgColor=#96cdcd height=30></TD>
    <TD>#96CDCD</TD>
    <TD width=30 bgColor=#969696 height=30></TD>
    <TD>#969696</TD></TR>
  <TR>
    <TD width=30 bgColor=#949494 height=30></TD>
    <TD>#949494</TD>

    <TD width=30 bgColor=#9400d3 height=30></TD>
    <TD>#9400D3</TD>
    <TD width=30 bgColor=#9370db height=30></TD>
    <TD>#9370DB</TD>
    <TD width=30 bgColor=#919191 height=30></TD>
    <TD>#919191</TD></TR>
  <TR>

    <TD width=30 bgColor=#912cee height=30></TD>
    <TD>#912CEE</TD>
    <TD width=30 bgColor=#90ee90 height=30></TD>
    <TD>#90EE90</TD>
    <TD width=30 bgColor=#8fbc8f height=30></TD>
    <TD>#8FBC8F</TD>
    <TD width=30 bgColor=#8f8f8f height=30></TD>

    <TD>#8F8F8F</TD></TR>
  <TR>
    <TD width=30 bgColor=#8ee5ee height=30></TD>
    <TD>#8EE5EE</TD>
    <TD width=30 bgColor=#8e8e8e height=30></TD>
    <TD>#8E8E8E</TD>
    <TD width=30 bgColor=#8e8e38 height=30></TD>

    <TD>#8E8E38</TD>
    <TD width=30 bgColor=#8e388e height=30></TD>
    <TD>#8E388E</TD></TR>
  <TR>
    <TD width=30 bgColor=#8deeee height=30></TD>
    <TD>#8DEEEE</TD>
    <TD width=30 bgColor=#8db6cd height=30></TD>

    <TD>#8DB6CD</TD>
    <TD width=30 bgColor=#8c8c8c height=30></TD>
    <TD>#8C8C8C</TD>
    <TD width=30 bgColor=#8b8b83 height=30></TD>
    <TD>#8B8B83</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b8b7a height=30></TD>

    <TD>#8B8B7A</TD>
    <TD width=30 bgColor=#8b8b00 height=30></TD>
    <TD>#8B8B00</TD>
    <TD width=30 bgColor=#8b8989 height=30></TD>
    <TD>#8B8989</TD>
    <TD width=30 bgColor=#8b8970 height=30></TD>
    <TD>#8B8970</TD></TR>

  <TR>
    <TD width=30 bgColor=#8b8878 height=30></TD>
    <TD>#8B8878</TD>
    <TD width=30 bgColor=#8b8682 height=30></TD>
    <TD>#8B8682</TD>
    <TD width=30 bgColor=#8b864e height=30></TD>
    <TD>#8B864E</TD>

    <TD width=30 bgColor=#8b8386 height=30></TD>
    <TD>#8B8386</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b8378 height=30></TD>
    <TD>#8B8378</TD>
    <TD width=30 bgColor=#8b814c height=30></TD>
    <TD>#8B814C</TD>

    <TD width=30 bgColor=#8b7e66 height=30></TD>
    <TD>#8B7E66</TD>
    <TD width=30 bgColor=#8b7d7b height=30></TD>
    <TD>#8B7D7B</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b7d6b height=30></TD>
    <TD>#8B7D6B</TD>

    <TD width=30 bgColor=#8b7b8b height=30></TD>
    <TD>#8B7B8B</TD>
    <TD width=30 bgColor=#8b795e height=30></TD>
    <TD>#8B795E</TD>
    <TD width=30 bgColor=#8b7765 height=30></TD>
    <TD>#8B7765</TD></TR>
  <TR>

    <TD width=30 bgColor=#8b7500 height=30></TD>
    <TD>#8B7500</TD>
    <TD width=30 bgColor=#8b7355 height=30></TD>
    <TD>#8B7355</TD>
    <TD width=30 bgColor=#8b6969 height=30></TD>
    <TD>#8B6969</TD>
    <TD width=30 bgColor=#8b6914 height=30></TD>

    <TD>#8B6914</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b668b height=30></TD>
    <TD>#8B668B</TD>
    <TD width=30 bgColor=#8b6508 height=30></TD>
    <TD>#8B6508</TD>
    <TD width=30 bgColor=#8b636c height=30></TD>

    <TD>#8B636C</TD>
    <TD width=30 bgColor=#8b5f65 height=30></TD>
    <TD>#8B5F65</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b5a2b height=30></TD>
    <TD>#8B5A2B</TD>
    <TD width=30 bgColor=#8b5a00 height=30></TD>

    <TD>#8B5A00</TD>
    <TD width=30 bgColor=#8b5742 height=30></TD>
    <TD>#8B5742</TD>
    <TD width=30 bgColor=#8b4c39 height=30></TD>
    <TD>#8B4C39</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b4789 height=30></TD>

    <TD>#8B4789</TD>
    <TD width=30 bgColor=#8b475d height=30></TD>
    <TD>#8B475D</TD>
    <TD width=30 bgColor=#8b4726 height=30></TD>
    <TD>#8B4726</TD>
    <TD width=30 bgColor=#8b4513 height=30></TD>
    <TD>#8B4513</TD></TR>

  <TR>
    <TD width=30 bgColor=#8b4500 height=30></TD>
    <TD>#8B4500</TD>
    <TD width=30 bgColor=#8b3e2f height=30></TD>
    <TD>#8B3E2F</TD>
    <TD width=30 bgColor=#8b3a62 height=30></TD>
    <TD>#8B3A62</TD>

    <TD width=30 bgColor=#8b3a3a height=30></TD>
    <TD>#8B3A3A</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b3626 height=30></TD>
    <TD>#8B3626</TD>
    <TD width=30 bgColor=#8b2500 height=30></TD>
    <TD>#8B2500</TD>

    <TD width=30 bgColor=#8b2323 height=30></TD>
    <TD>#8B2323</TD>
    <TD width=30 bgColor=#8b2252 height=30></TD>
    <TD>#8B2252</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b1c62 height=30></TD>
    <TD>#8B1C62</TD>

    <TD width=30 bgColor=#8b1a1a height=30></TD>
    <TD>#8B1A1A</TD>
    <TD width=30 bgColor=#8b0a50 height=30></TD>
    <TD>#8B0A50</TD>
    <TD width=30 bgColor=#8b008b height=30></TD>
    <TD>#8B008B</TD></TR>
  <TR>

    <TD width=30 bgColor=#8b0000 height=30></TD>
    <TD>#8B0000</TD>
    <TD width=30 bgColor=#8a8a8a height=30></TD>
    <TD>#8A8A8A</TD>
    <TD width=30 bgColor=#8a2be2 height=30></TD>
    <TD>#8A2BE2</TD>
    <TD width=30 bgColor=#8968cd height=30></TD>

    <TD>#8968CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#87ceff height=30></TD>
    <TD>#87CEFF</TD>
    <TD width=30 bgColor=#87cefa height=30></TD>
    <TD>#87CEFA</TD>
    <TD width=30 bgColor=#87ceeb height=30></TD>

    <TD>#87CEEB</TD>
    <TD width=30 bgColor=#878787 height=30></TD>
    <TD>#878787</TD></TR>
  <TR>
    <TD width=30 bgColor=#858585 height=30></TD>
    <TD>#858585</TD>
    <TD width=30 bgColor=#848484 height=30></TD>

    <TD>#848484</TD>
    <TD width=30 bgColor=#8470ff height=30></TD>
    <TD>#8470FF</TD>
    <TD width=30 bgColor=#838b8b height=30></TD>
    <TD>#838B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#838b83 height=30></TD>

    <TD>#838B83</TD>
    <TD width=30 bgColor=#836fff height=30></TD>
    <TD>#836FFF</TD>
    <TD width=30 bgColor=#828282 height=30></TD>
    <TD>#828282</TD>
    <TD width=30 bgColor=#7fffd4 height=30></TD>
    <TD>#7FFFD4</TD></TR>

  <TR>
    <TD width=30 bgColor=#7fff00 height=30></TD>
    <TD>#7FFF00</TD>
    <TD width=30 bgColor=#7f7f7f height=30></TD>
    <TD>#7F7F7F</TD>
    <TD width=30 bgColor=#7ec0ee height=30></TD>
    <TD>#7EC0EE</TD>

    <TD width=30 bgColor=#7d9ec0 height=30></TD>
    <TD>#7D9EC0</TD></TR>
  <TR>
    <TD width=30 bgColor=#7d7d7d height=30></TD>
    <TD>#7D7D7D</TD>
    <TD width=30 bgColor=#7d26cd height=30></TD>
    <TD>#7D26CD</TD>

    <TD width=30 bgColor=#7cfc00 height=30></TD>
    <TD>#7CFC00</TD>
    <TD width=30 bgColor=#7ccd7c height=30></TD>
    <TD>#7CCD7C</TD></TR>
  <TR>
    <TD width=30 bgColor=#7b68ee height=30></TD>
    <TD>#7B68EE</TD>

    <TD width=30 bgColor=#7ac5cd height=30></TD>
    <TD>#7AC5CD</TD>
    <TD width=30 bgColor=#7a8b8b height=30></TD>
    <TD>#7A8B8B</TD>
    <TD width=30 bgColor=#7a7a7a height=30></TD>
    <TD>#7A7A7A</TD></TR>
  <TR>

    <TD width=30 bgColor=#7a67ee height=30></TD>
    <TD>#7A67EE</TD>
    <TD width=30 bgColor=#7a378b height=30></TD>
    <TD>#7A378B</TD>
    <TD width=30 bgColor=#79cdcd height=30></TD>
    <TD>#79CDCD</TD>
    <TD width=30 bgColor=#787878 height=30></TD>

    <TD>#787878</TD></TR>
  <TR>
    <TD width=30 bgColor=#778899 height=30></TD>
    <TD>#778899</TD>
    <TD width=30 bgColor=#76eec6 height=30></TD>
    <TD>#76EEC6</TD>
    <TD width=30 bgColor=#76ee00 height=30></TD>

    <TD>#76EE00</TD>
    <TD width=30 bgColor=#757575 height=30></TD>
    <TD>#757575</TD></TR>
  <TR>
    <TD width=30 bgColor=#737373 height=30></TD>
    <TD>#737373</TD>
    <TD width=30 bgColor=#71c671 height=30></TD>

    <TD>#71C671</TD>
    <TD width=30 bgColor=#7171c6 height=30></TD>
    <TD>#7171C6</TD>
    <TD width=30 bgColor=#708090 height=30></TD>
    <TD>#708090</TD></TR>
  <TR>
    <TD width=30 bgColor=#707070 height=30></TD>

    <TD>#707070</TD>
    <TD width=30 bgColor=#6e8b3d height=30></TD>
    <TD>#6E8B3D</TD>
    <TD width=30 bgColor=#6e7b8b height=30></TD>
    <TD>#6E7B8B</TD>
    <TD width=30 bgColor=#6e6e6e height=30></TD>
    <TD>#6E6E6E</TD></TR>

  <TR>
    <TD width=30 bgColor=#6ca6cd height=30></TD>
    <TD>#6CA6CD</TD>
    <TD width=30 bgColor=#6c7b8b height=30></TD>
    <TD>#6C7B8B</TD>
    <TD width=30 bgColor=#6b8e23 height=30></TD>
    <TD>#6B8E23</TD>

    <TD width=30 bgColor=#6b6b6b height=30></TD>
    <TD>#6B6B6B</TD></TR>
  <TR>
    <TD width=30 bgColor=#6a5acd height=30></TD>
    <TD>#6A5ACD</TD>
    <TD width=30 bgColor=#698b69 height=30></TD>
    <TD>#698B69</TD>

    <TD width=30 bgColor=#698b22 height=30></TD>
    <TD>#698B22</TD>
    <TD width=30 bgColor=#696969 height=30></TD>
    <TD>#696969</TD></TR>
  <TR>
    <TD width=30 bgColor=#6959cd height=30></TD>
    <TD>#6959CD</TD>

    <TD width=30 bgColor=#68838b height=30></TD>
    <TD>#68838B</TD>
    <TD width=30 bgColor=#68228b height=30></TD>
    <TD>#68228B</TD>
    <TD width=30 bgColor=#66cdaa height=30></TD>
    <TD>#66CDAA</TD></TR>
  <TR>

    <TD width=30 bgColor=#66cd00 height=30></TD>
    <TD>#66CD00</TD>
    <TD width=30 bgColor=#668b8b height=30></TD>
    <TD>#668B8B</TD>
    <TD width=30 bgColor=#666666 height=30></TD>
    <TD>#666666</TD>
    <TD width=30 bgColor=#6495ed height=30></TD>

    <TD>#6495ED</TD></TR>
  <TR>
    <TD width=30 bgColor=#63b8ff height=30></TD>
    <TD>#63B8FF</TD>
    <TD width=30 bgColor=#636363 height=30></TD>
    <TD>#636363</TD>
    <TD width=30 bgColor=#616161 height=30></TD>

    <TD>#616161</TD>
    <TD width=30 bgColor=#607b8b height=30></TD>
    <TD>#607B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#5f9ea0 height=30></TD>
    <TD>#5F9EA0</TD>
    <TD width=30 bgColor=#5e5e5e height=30></TD>

    <TD>#5E5E5E</TD>
    <TD width=30 bgColor=#5d478b height=30></TD>
    <TD>#5D478B</TD>
    <TD width=30 bgColor=#5cacee height=30></TD>
    <TD>#5CACEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#5c5c5c height=30></TD>

    <TD>#5C5C5C</TD>
    <TD width=30 bgColor=#5b5b5b height=30></TD>
    <TD>#5B5B5B</TD>
    <TD width=30 bgColor=#595959 height=30></TD>
    <TD>#595959</TD>
    <TD width=30 bgColor=#575757 height=30></TD>
    <TD>#575757</TD></TR>

  <TR>
    <TD width=30 bgColor=#556b2f height=30></TD>
    <TD>#556B2F</TD>
    <TD width=30 bgColor=#555555 height=30></TD>
    <TD>#555555</TD>
    <TD width=30 bgColor=#551a8b height=30></TD>
    <TD>#551A8B</TD>

    <TD width=30 bgColor=#54ff9f height=30></TD>
    <TD>#54FF9F</TD></TR>
  <TR>
    <TD width=30 bgColor=#548b54 height=30></TD>
    <TD>#548B54</TD>
    <TD width=30 bgColor=#545454 height=30></TD>
    <TD>#545454</TD>

    <TD width=30 bgColor=#53868b height=30></TD>
    <TD>#53868B</TD>
    <TD width=30 bgColor=#528b8b height=30></TD>
    <TD>#528B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#525252 height=30></TD>
    <TD>#525252</TD>

    <TD width=30 bgColor=#515151 height=30></TD>
    <TD>#515151</TD>
    <TD width=30 bgColor=#4f94cd height=30></TD>
    <TD>#4F94CD</TD>
    <TD width=30 bgColor=#4f4f4f height=30></TD>
    <TD>#4F4F4F</TD></TR>
  <TR>

    <TD width=30 bgColor=#4eee94 height=30></TD>
    <TD>#4EEE94</TD>
    <TD width=30 bgColor=#4d4d4d height=30></TD>
    <TD>#4D4D4D</TD>
    <TD width=30 bgColor=#4b0082 height=30></TD>
    <TD>#4B0082</TD>
    <TD width=30 bgColor=#4a708b height=30></TD>

    <TD>#4A708B</TD></TR>
  <TR>
    <TD width=30 bgColor=#4a4a4a height=30></TD>
    <TD>#4A4A4A</TD>
    <TD width=30 bgColor=#48d1cc height=30></TD>
    <TD>#48D1CC</TD>
    <TD width=30 bgColor=#4876ff height=30></TD>

    <TD>#4876FF</TD>
    <TD width=30 bgColor=#483d8b height=30></TD>
    <TD>#483D8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#474747 height=30></TD>
    <TD>#474747</TD>
    <TD width=30 bgColor=#473c8b height=30></TD>

    <TD>#473C8B</TD>
    <TD width=30 bgColor=#4682b4 height=30></TD>
    <TD>#4682B4</TD>
    <TD width=30 bgColor=#458b74 height=30></TD>
    <TD>#458B74</TD></TR>
  <TR>
    <TD width=30 bgColor=#458b00 height=30></TD>

    <TD>#458B00</TD>
    <TD width=30 bgColor=#454545 height=30></TD>
    <TD>#454545</TD>
    <TD width=30 bgColor=#43cd80 height=30></TD>
    <TD>#43CD80</TD>
    <TD width=30 bgColor=#436eee height=30></TD>
    <TD>#436EEE</TD></TR>

  <TR>
    <TD width=30 bgColor=#424242 height=30></TD>
    <TD>#424242</TD>
    <TD width=30 bgColor=#4169e1 height=30></TD>
    <TD>#4169E1</TD>
    <TD width=30 bgColor=#40e0d0 height=30></TD>
    <TD>#40E0D0</TD>

    <TD width=30 bgColor=#404040 height=30></TD>
    <TD>#404040</TD></TR>
  <TR>
    <TD width=30 bgColor=#3d3d3d height=30></TD>
    <TD>#3D3D3D</TD>
    <TD width=30 bgColor=#3cb371 height=30></TD>
    <TD>#3CB371</TD>

    <TD width=30 bgColor=#3b3b3b height=30></TD>
    <TD>#3B3B3B</TD>
    <TD width=30 bgColor=#3a5fcd height=30></TD>
    <TD>#3A5FCD</TD></TR>
  <TR>
    <TD width=30 bgColor=#388e8e height=30></TD>
    <TD>#388E8E</TD>

    <TD width=30 bgColor=#383838 height=30></TD>
    <TD>#383838</TD>
    <TD width=30 bgColor=#36648b height=30></TD>
    <TD>#36648B</TD>
    <TD width=30 bgColor=#363636 height=30></TD>
    <TD>#363636</TD></TR>
  <TR>

    <TD width=30 bgColor=#333333 height=30></TD>
    <TD>#333333</TD>
    <TD width=30 bgColor=#32cd32 height=30></TD>
    <TD>#32CD32</TD>
    <TD width=30 bgColor=#303030 height=30></TD>
    <TD>#303030</TD>
    <TD width=30 bgColor=#2f4f4f height=30></TD>

    <TD>#2F4F4F</TD></TR>
  <TR>
    <TD width=30 bgColor=#2e8b57 height=30></TD>
    <TD>#2E8B57</TD>
    <TD width=30 bgColor=#2e2e2e height=30></TD>
    <TD>#2E2E2E</TD>
    <TD width=30 bgColor=#2b2b2b height=30></TD>

    <TD>#2B2B2B</TD>
    <TD width=30 bgColor=#292929 height=30></TD>
    <TD>#292929</TD></TR>
  <TR>
    <TD width=30 bgColor=#282828 height=30></TD>
    <TD>#282828</TD>
    <TD width=30 bgColor=#27408b height=30></TD>

    <TD>#27408B</TD>
    <TD width=30 bgColor=#262626 height=30></TD>
    <TD>#262626</TD>
    <TD width=30 bgColor=#242424 height=30></TD>
    <TD>#242424</TD></TR>
  <TR>
    <TD width=30 bgColor=#228b22 height=30></TD>

    <TD>#228B22</TD>
    <TD width=30 bgColor=#218868 height=30></TD>
    <TD>#218868</TD>
    <TD width=30 bgColor=#212121 height=30></TD>
    <TD>#212121</TD>
    <TD width=30 bgColor=#20b2aa height=30></TD>
    <TD>#20B2AA</TD></TR>

  <TR>
    <TD width=30 bgColor=#1f1f1f height=30></TD>
    <TD>#1F1F1F</TD>
    <TD width=30 bgColor=#1e90ff height=30></TD>
    <TD>#1E90FF</TD>
    <TD width=30 bgColor=#1e1e1e height=30></TD>
    <TD>#1E1E1E</TD>

    <TD width=30 bgColor=#1c86ee height=30></TD>
    <TD>#1C86EE</TD></TR>
  <TR>
    <TD width=30 bgColor=#1c1c1c height=30></TD>
    <TD>#1C1C1C</TD>
    <TD width=30 bgColor=#1a1a1a height=30></TD>
    <TD>#1A1A1A</TD>

    <TD width=30 bgColor=#191970 height=30></TD>
    <TD>#191970</TD>
    <TD width=30 bgColor=#1874cd height=30></TD>
    <TD>#1874CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#171717 height=30></TD>
    <TD>#171717</TD>

    <TD width=30 bgColor=#141414 height=30></TD>
    <TD>#141414</TD>
    <TD width=30 bgColor=#121212 height=30></TD>
    <TD>#121212</TD>
    <TD width=30 bgColor=#104e8b height=30></TD>
    <TD>#104E8B</TD></TR>
  <TR>

    <TD width=30 bgColor=#0f0f0f height=30></TD>
    <TD>#0F0F0F</TD>
    <TD width=30 bgColor=#0d0d0d height=30></TD>
    <TD>#0D0D0D</TD>
    <TD width=30 bgColor=#0a0a0a height=30></TD>
    <TD>#0A0A0A</TD>
    <TD width=30 bgColor=#080808 height=30></TD>

    <TD>#080808</TD></TR>
  <TR>
    <TD width=30 bgColor=#050505 height=30></TD>
    <TD>#050505</TD>
    <TD width=30 bgColor=#030303 height=30></TD>
    <TD>#030303</TD>
    <TD width=30 bgColor=#00ffff height=30></TD>

    <TD>#00FFFF</TD>
    <TD width=30 bgColor=#00ff7f height=30></TD>
    <TD>#00FF7F</TD></TR>
  <TR>
    <TD width=30 bgColor=#00ff00 height=30></TD>
    <TD>#00FF00</TD>
    <TD width=30 bgColor=#00fa9a height=30></TD>

    <TD>#00FA9A</TD>
    <TD width=30 bgColor=#00f5ff height=30></TD>
    <TD>#00F5FF</TD>
    <TD width=30 bgColor=#00eeee height=30></TD>
    <TD>#00EEEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#00ee76 height=30></TD>

    <TD>#00EE76</TD>
    <TD width=30 bgColor=#00ee00 height=30></TD>
    <TD>#00EE00</TD>
    <TD width=30 bgColor=#00e5ee height=30></TD>
    <TD>#00E5EE</TD>
    <TD width=30 bgColor=#00ced1 height=30></TD>
    <TD>#00CED1</TD></TR>

  <TR>
    <TD width=30 bgColor=#00cdcd height=30></TD>
    <TD>#00CDCD</TD>
    <TD width=30 bgColor=#00cd66 height=30></TD>
    <TD>#00CD66</TD>
    <TD width=30 bgColor=#00cd00 height=30></TD>
    <TD>#00CD00</TD>

    <TD width=30 bgColor=#00c5cd height=30></TD>
    <TD>#00C5CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#00bfff height=30></TD>
    <TD>#00BFFF</TD>
    <TD width=30 bgColor=#00b2ee height=30></TD>
    <TD>#00B2EE</TD>

    <TD width=30 bgColor=#009acd height=30></TD>
    <TD>#009ACD</TD>
    <TD width=30 bgColor=#008b8b height=30></TD>
    <TD>#008B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#008b45 height=30></TD>
    <TD>#008B45</TD>

    <TD width=30 bgColor=#008b00 height=30></TD>
    <TD>#008B00</TD>
    <TD width=30 bgColor=#00868b height=30></TD>
    <TD>#00868B</TD>
    <TD width=30 bgColor=#00688b height=30></TD>
    <TD>#00688B</TD></TR>
  <TR>

    <TD width=30 bgColor=#006400 height=30></TD>
    <TD>#006400</TD>
    <TD width=30 bgColor=#0000ff height=30></TD>
    <TD>#0000FF</TD>
    <TD width=30 bgColor=#0000ee height=30></TD>
    <TD>#0000EE</TD>
    <TD width=30 bgColor=#0000cd height=30></TD>

    <TD>#0000CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#0000aa height=30></TD>
    <TD>#0000AA</TD>
    <TD width=30 bgColor=#00008b height=30></TD>
    <TD>#00008B</TD>
    <TD width=30 bgColor=#000080 height=30></TD>

    <TD>#000080</TD>
    <TD width=30 bgColor=#000000 height=30></TD>
    <TD>#000000</TD></TR></TBODY></TABLE></FONT></CENTER></DIV>
<P align=center><IFRAME border=0 name=I1 align=middle 
src="img/color1.htm" frameBorder=0 width=760 scrolling=no 
height=954>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<P align=center><IFRAME border=0 name=I2 align=center 
src="img/color2.htm" frameBorder=0 width=641 scrolling=no 
height=573>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<P align=center><IFRAME border=0 name=I3 align=center 
src="img/color3.htm" frameBorder=0 width=960 scrolling=no 
height=4754>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<P align=center><IFRAME border=0 name=I4 align=center 
src="img/color4.htm" frameBorder=0 width=960 scrolling=no 
height=4930>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<DIV align=center><script language="javascript" type="text/javascript" src="http://js.users.51.la/1950174.js"></script>&nbsp;&nbsp;|&nbsp;&nbsp;<script src="http://s11.cnzz.com/stat.php?id=2713037&web_id=2713037" language="JavaScript"></script>

<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Faaaff8a9bf844b364db216f605ad2613' type='text/javascript'%3E%3C/script%3E"));
</script>
</DIV>
<DIV align=center>　</DIV></BODY></HTML>

你可能感兴趣的:(JavaScript,css,F#,J#,VBScript)

Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计网页设计期末网页作业 html静态网页 html5期末大作业网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
webpack图片等资源的处理 dmengmeng
需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）跳房子的前端前端面试 javascript 开发语言 ecmascript
在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
JavaScript `Map` 和 `WeakMap`详细解释跳房子的前端 JavaScript 原生方法 javascript 前端开发语言
在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
切换淘宝最新npm镜像源是 hai40587 npm 前端 node.js
切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
《HTML 与 CSS—— 响应式设计》陈在天box html css 前端
一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在
高性能javascript--算法和流程控制海淀萌狗
-for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
html+css网页设计旅游网站首页1个页面 html+css+js网页设计 html css 旅游
html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
css设置当字数超过限制后以省略号（...）显示周bro css 前端 vue css3 html 经验分享
1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin
360前端星计划-动画可以这么玩马小蜗
动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
css2中的透明琪33
.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}
JavaScript中秋快乐！ Q_w7742 javascript 开发语言 ecmascript
我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
Nginx从入门到实践(三) 听你讲故事啊
动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
Nginx的使用场景：构建高效、可扩展的Web架构张某布响丸辣 nginx 前端架构
Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
前端知识点 ZhangTao_zata 前端 javascript css
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
Python精选200Tips：121-125 AnFany Python200+Tips python 开发语言
Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
前端CSS面试常见题剑亦未配妥前端面试前端 css 面试
边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
爬虫技术抓取网站数据 Bearjumpingcandy 爬虫
爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文
【JS】前端文件读取FileReader操作总结程序员-张师傅前端前端 javascript 开发语言
前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
webstorm报错TypeError: this.cliEngine is not a constructor Blue_Color
点击Details在控制台会显示报错的位置TypeError:this.cliEngineisnotaconstructoratESLintPlugin.invokeESLint(/Applications/RubyMine.app/Contents/plugins/JavaScriptLanguage/languageService/eslint/bin/eslint-plugin.js:97:
创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几 uthRaman 前端 ui 服务器
前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
了解 UNPKG：前端开发者的包管理利器小于负无穷前端 javascript typescript css html5 node.js
在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。不过，随着前端项目复杂性的增加，有时候我们希望快速引入外部依赖，而无需本地安装和构建。此时，CDN（内容分发网络）成为了一种方便快捷的解决方案，而UNPKG就是这种方式中的佼佼者。什么是UNPKG？UNPKG是一个基于npm的内容分发网络（CDN），它允许开发者直接通过URL从n
HTML中"bgcolor"与"background-color"的区别 Sardar_ html
bgcolor只是标签属性，而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：HelloWorld!和HelloWorld!效果完全相同。作为body属性而言：效果完全相同。不过个人推荐统一用CSS样式进行控制，把style统一放到.css文件中。backgrou
2019-05-29 vue-router的两种模式的区别 Kason晨
1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash
清除 Conda 缓存 Dmatteratall conda 缓存
清除Conda缓存：cssCopycodecondaclean--allcondaclean--all命令将会清除Conda缓存和临时文件，而不会删除已经安装的软件包和环境。它主要用于清理不必要的缓存和临时文件以释放磁盘空间。
electron多标签页模式更像客户端 diygwcom electron javascript 前端
Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser
基本数据类型和引用类型的初始值 3213213333332132 java基础
package com.array; /** * @Description 测试初始值 * @author FuJianyong * 2015-1-22上午10:31:53 */ public class ArrayTest { ArrayTest at; String str; byte bt; short s; int i; long
摘抄笔记--《编写高质量代码：改善Java程序的151个建议》白糖_ 高质量代码
记得3年前刚到公司，同桌同事见我无事可做就借我看《编写高质量代码：改善Java程序的151个建议》这本书，当时看了几页没上心就没研究了。到上个月在公司偶然看到，于是乎又找来看看，我的天，真是非常多的干货，对于我这种静不下心的人真是帮助莫大呀。看完整本书，也记了不少笔记
【备忘】Django 常用命令及最佳实践 dongwei_6688 django
注意：本文基于 Django 1.8.2 版本生成数据库迁移脚本（python 脚本） python manage.py makemigrations polls 说明：polls 是你的应用名字，运行该命令时需要根据你的应用名字进行调整查看该次迁移需要执行的 SQL 语句（只查看语句，并不应用到数据库上）： python manage.p
阶乘算法之一N! 末尾有多少个零周凡杨 java 算法阶乘面试效率
&n
spring注入servlet g21121 Spring注入
传统的配置方法是无法将bean或属性直接注入到servlet中的，配置代理servlet亦比较麻烦，这里其实有比较简单的方法，其实就是在servlet的init()方法中加入要注入的内容： ServletContext application = getServletContext(); WebApplicationContext wac = WebApplicationContextUtil
Jenkins 命令行操作说明文档 510888780 centos
假设Jenkins的URL为http://22.11.140.38:9080/jenkins/ 基本的格式为 java 基本的格式为 java -jar jenkins-cli.jar [-s JENKINS_URL] command [options][args] 下面具体介绍各个命令的作用及基本使用方法 1. &nb
UnicodeBlock检测中文用法布衣凌宇 UnicodeBlock
/** * 判断输入的是汉字 */ public static boolean isChinese(char c) { Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);
java下实现调用oracle的存储过程和函数 aijuans java orale
1.创建表：STOCK_PRICES 2.插入测试数据： 3.建立一个返回游标： PKG_PUB_UTILS 4.创建和存储过程：P_GET_PRICE 5.创建函数： 6.JAVA调用存储过程返回结果集 JDBCoracle10G_INVO
Velocity Toolbox antlove 模板 tool box velocity
velocity.VelocityUtil package velocity; import org.apache.velocity.Template; import org.apache.velocity.app.Velocity; import org.apache.velocity.app.VelocityEngine; import org.apache.velocity.c
JAVA正则表达式匹配基础百合不是茶 java 正则表达式的匹配
正则表达式;提高程序的性能,简化代码,提高代码的可读性,简化对字符串的操作正则表达式的用途; 字符串的匹配字符串的分割字符串的查找字符串的替换正则表达式的验证语法 [a] //[]表示这个字符只出现一次 ,[a] 表示a只出现一
是否使用EL表达式的配置 bijian1013 jsp web.xml EL EasyTemplate
今天在开发过程中发现一个细节问题，由于前端采用EasyTemplate模板方法实现数据展示，但老是不能正常显示出来。后来发现竟是EL将我的EasyTemplate的${...}解释执行了，导致我的模板不能正常展示后台数据。网
精通Oracle10编程SQL(1-3)PLSQL基础 bijian1013 oracle 数据库 plsql
--只包含执行部分的PL/SQL块 --set serveroutput off begin dbms_output.put_line('Hello,everyone!'); end; select * from emp; --包含定义部分和执行部分的PL/SQL块 declare v_ename varchar2(5); begin select
【Nginx三】Nginx作为反向代理服务器 bit1129 nginx
Nginx一个常用的功能是作为代理服务器。代理服务器通常完成如下的功能：接受客户端请求将请求转发给被代理的服务器从被代理的服务器获得响应结果把响应结果返回给客户端实例本文把Nginx配置成一个简单的代理服务器对于静态的html和图片，直接从Nginx获取对于动态的页面，例如JSP或者Servlet，Nginx则将请求转发给Res
Plugin execution not covered by lifecycle configuration: org.apache.maven.plugin blackproof maven 报错
转：http://stackoverflow.com/questions/6352208/how-to-solve-plugin-execution-not-covered-by-lifecycle-configuration-for-sprin maven报错： Plugin execution not covered by lifecycle configuration:
发布docker程序到marathon ronin47 docker 发布应用
1 发布docker程序到marathon 1.1 搭建私有docker registry 1.1.1 安装docker regisry docker pull docker-registry docker run -t -p 5000:5000 docker-registry 下载docker镜像并发布到私有registry docker pull consol/tomcat-8.0
java-57-用两个栈实现队列&&用两个队列实现一个栈 bylijinnan java
import java.util.ArrayList; import java.util.List; import java.util.Stack; /* * Q 57 用两个栈实现队列 */ public class QueueImplementByTwoStacks { private Stack<Integer> stack1; pr
Nginx配置性能优化 cfyme nginx
转载地址：http://blog.csdn.net/xifeijian/article/details/20956605 大多数的Nginx安装指南告诉你如下基础知识——通过apt-get安装，修改这里或那里的几行配置，好了，你已经有了一个Web服务器了。而且，在大多数情况下，一个常规安装的nginx对你的网站来说已经能很好地工作了。然而，如果你真的想挤压出Nginx的性能，你必
[JAVA图形图像]JAVA体系需要稳扎稳打,逐步推进图像图形处理技术 comsci java
对图形图像进行精确处理，需要大量的数学工具，即使是从底层硬件模拟层开始设计，也离不开大量的数学工具包，因为我认为，JAVA语言体系在图形图像处理模块上面的研发工作，需要从开发一些基础的，类似实时数学函数构造器和解析器的软件包入手，而不是急于利用第三方代码工具来实现一个不严格的图形图像处理软件...... &nb
MonkeyRunner的使用 dai_lm android MonkeyRunner
要使用MonkeyRunner，就要学习使用Python，哎先抄一段官方doc里的代码作用是启动一个程序（应该是启动程序默认的Activity），然后按MENU键，并截屏 # Imports the monkeyrunner modules used by this program from com.android.monkeyrunner import MonkeyRun
Hadoop-- 海量文件的分布式计算处理方案 datamachine mapreduce hadoop 分布式计算
csdn的一个关于hadoop的分布式处理方案，存档。原帖：http://blog.csdn.net/calvinxiu/article/details/1506112。 Hadoop 是Google MapReduce的一个Java实现。MapReduce是一种简化的分布式编程模式，让程序自动分布到一个由普通机器组成的超大集群上并发执行。就如同ja
以資料庫驗證登入 dcj3sjt126com yii
以資料庫驗證登入由於 Yii 內定的原始框架程式, 採用綁定在UserIdentity.php 的 demo 與 admin 帳號密碼: public function authenticate() { $users=array( &nbs
github做webhooks：[2]php版本自动触发更新 dcj3sjt126com github git webhooks
上次已经说过了如何在github控制面板做查看url的返回信息了。这次就到了直接贴钩子代码的时候了。工具/原料 git github 方法/步骤在github的setting里面的webhooks里把我们的url地址填进去。钩子更新的代码如下： error_reportin
Eos开发常用表达式蕃薯耀 Eos开发 Eos入门 Eos开发常用表达式
Eos开发常用表达式 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2014年8月18日 15:03:35 星期一 &
SpringSecurity3.X--SpEL 表达式 hanqunfeng SpringSecurity
使用 Spring 表达式语言配置访问控制，要实现这一功能的直接方式是在<http>配置元素上添加 use-expressions 属性： <http auto-config="true" use-expressions="true"> 这样就会在投票器中自动增加一个投票器：org.springframework
Redis vs Memcache IXHONG redis
1. Redis中，并不是所有的数据都一直存储在内存中的，这是和Memcached相比一个最大的区别。 2. Redis不仅仅支持简单的k/v类型的数据，同时还提供list，set，hash等数据结构的存储。 3. Redis支持数据的备份，即master-slave模式的数据备份。 4. Redis支持数据的持久化，可以将内存中的数据保持在磁盘中，重启的时候可以再次加载进行使用。 Red
Python - 装饰器使用过程中的误区解读 kvhur JavaScript jquery html5 css
大家都知道装饰器是一个很著名的设计模式，经常被用于AOP(面向切面编程)的场景，较为经典的有插入日志，性能测试，事务处理，Web权限校验， Cache等。原文链接：http://www.gbtags.com/gb/share/5563.htm Python语言本身提供了装饰器语法（@），典型的装饰器实现如下： @function_wrapper de
架构师之mybatis-----update 带case when 针对多种情况更新 nannan408 case when
1.前言. 如题. 2. 代码. <update id="batchUpdate" parameterType="java.util.List"> <foreach collection="list" item="list" index=&
Algorithm算法视频教程栏目记者 Algorithm 算法
课程：Algorithm算法视频教程百度网盘下载地址： http://pan.baidu.com/s/1qWFjjQW 密码: 2mji 程序写的好不好,还得看算法屌不屌！Algorithm算法博大精深。一、课程内容：课时1、算法的基本概念 + Sequential search 课时2、Binary search 课时3、Hash table 课时4、Algor
C语言算法之冒泡排序 qiufeihu c 算法
任意输入10个数字由小到大进行排序。代码： #include <stdio.h> int main() { int i,j,t,a[11]; /*定义变量及数组为基本类型*/ for(i = 1;i < 11;i++){ scanf("%d",&a[i]); /*从键盘中输入10个数*/ } for
JSP异常处理 wyzuomumu Web jsp
1.在可能发生异常的网页中通过指令将HTTP请求转发给另一个专门处理异常的网页中: <%@ page errorPage="errors.jsp"%> 2.在处理异常的网页中做如下声明： errors.jsp: <%@ page isErrorPage="true"%>，这样设置完后就可以在网页中直接访问exc