【HTML】HTML所有的颜色编码

最新推荐文章于 2021-06-28 08:27:18 发布
最新推荐文章于 2021-06-28 08:27:18 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： 网页设计 文章标签： html colors div c deb css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/siyue_qi/article/details/2463518
版权
将以下代码拷贝保存为html文件，就可以看到所有的颜色编码了。

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >< HEAD >
< META  content ="text/html; charset=gb2312"  http-equiv =Content-Type >< LINK 
 href ="css2.css"  rel =stylesheet  type =text/css >
< STYLE > INPUT {
    FONT-FAMILY: tahoma,arial; FONT-SIZE: 10px
}
 </ STYLE >

< SCRIPT  src =""  type =text/jscript ></ SCRIPT >

< SCRIPT >
function shit(i){
var op=event.srcElement;
if ('spanc'!=op.className.toLowerCase() && 'spanc1'!=op.className.toLowerCase()) return;
if (i==1) {document.all('copy02').value=op.style.background;document.all('copy01').value=op.alt;}
if (i==2) {document.all('copy11').value=op.style.background;}
if (i==3) {document.all('copy21').value=op.style.background;document.all('copy22').value=op.alt;}
if (i==4) {document.all('copy31').value=op.style.background;document.all('copy32').value=op.alt;}
}
function makeArray(q){
for(i=1 ; i <= q ; i++){this[i]=0}
}
Colors = new makeArray(7);
Colors[1] = "00";Colors[2] = "33";Colors[3] = "66";
Colors[4] = "99";Colors[5] = "CC";Colors[6] = "FF";
 </ SCRIPT >

< STYLE > .spanc {
    BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; CURSOR: hand; FONT-FAMILY: tahoma,verdana,arial; FONT-SIZE: 8px; HEIGHT: 10px; LETTER-SPACING: 1px; MARGIN: 1px; WIDTH: 28px
}
.spanc1 {
    BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; CURSOR: hand; FONT-FAMILY: tahoma,verdana,arial; FONT-SIZE: 9px; HEIGHT: 11px; LETTER-SPACING: 1px; MARGIN: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 2px
}
 </ STYLE >

< META  content ="MSHTML 5.00.3502.5390"  name =GENERATOR ></ HEAD >
< BODY >
< DIV 
 style ="PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 12px" >
< DIV  id =div2  noWrap >< SPAN  style ="FONT-SIZE: 15px; WIDTH: 150px" > W3C- 
十六色色盘 </ SPAN >   &nbsp; 颜色名称： < INPUT  id =copy01  size =15 > &nbsp; 色值： < INPUT  id =copy02 
 size =9 ></ DIV >< BR >
< DIV  onclick =shit(1) >< SPAN  class =spanc 
 style ="BACKGROUND: #000000; COLOR: #ffffff"  alt ="Black" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #ffffff; COLOR: #000000"  
alt ="White" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: #ff0000; COLOR: #000000"  alt ="Red" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #ffff00; COLOR: #000000"  
alt ="Yellow" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: #00ff00; COLOR: #000000"  alt ="Lime" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #00ffff; COLOR: #000000"  
alt ="Aqua" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: #0000ff; COLOR: #000000"  alt ="Blue" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #ff00ff; COLOR: #000000"  
alt ="Fuchsia" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: #808080; COLOR: #ffffff"  alt ="Gray" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #c0c0c0; COLOR: #000000"  
alt ="Silver" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: #800000; COLOR: #ffffff"  alt ="Maroon" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #808000; COLOR: #ffffff"  
alt ="Olive" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: #008000; COLOR: #ffffff"  alt ="Green" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #008080; COLOR: #ffffff"  
alt ="Teal" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: #000080; COLOR: #ffffff"  alt ="Navy" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: #800080; COLOR: #ffffff"  
alt ="Purple" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000"  
alt ="Transparent" > &nbsp; </ SPAN >   </ DIV ></ DIV >
< DIV 
 style ="PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 12px" >
< DIV  id =div2  noWrap >< SPAN  style ="FONT-SIZE: 15px; WIDTH: 150px" > 安全色色盘 </ SPAN >  
 &nbsp; 颜色名称： < INPUT  id =copy31  size =15 > &nbsp; 色值： < INPUT  id =copy32  size =9 ></ DIV >< BR >
< DIV  onclick =shit(4) >
< SCRIPT >
for(i=1 ; i <= 6 ; i++){for(j=1 ; j <= 6 ; j++){for(k=1 ; k <= 6 ; k++){var thiscolor = Colors[i] + Colors[j] + Colors[k];
document.write("<span class="spanc" style="BACKGROUND: #"+thiscolor+";"  alt="#"+thiscolor+"">&nbsp;</span>");}}}
 </ SCRIPT >
</ DIV ></ DIV >
< DIV 
 style ="PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 12px" >
< DIV  id =div2  noWrap >< SPAN  style ="FONT-SIZE: 15px; WIDTH: 150px" > IE4+预命名颜色 </ SPAN >  
 &nbsp; 颜色名称： < INPUT  id =copy21  size =15 > &nbsp; 色值： < INPUT  id =copy22  size =9 ></ DIV >< BR >
< DIV  onclick =shit(3) >< SPAN  class =spanc  style ="BACKGROUND: aliceblue"  
alt ="#F0F8FF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: antiquewhite"  
alt ="#FAEBD7" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: aqua"  
alt ="#00FFFF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: aquamarine"  
alt ="#7FFFD4" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: azure"  
alt ="#F0FFFF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: beige"  
alt ="#F5F5DC" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: bisque"  
alt ="#FFE4C4" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: black"  
alt ="#000000" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: blanchedalmond"  
alt ="#FFEBCD" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: blue"  
alt ="#0000FF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: blueviolet"  
alt ="#8A2BE2" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: brown"  
alt ="#A52A2A" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: burlywood"  
alt ="#DEB887" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: cadetblue"  
alt ="#5F9EA0" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: chartreuse"  
alt ="#7FFF00" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: chocolate"  
alt ="#D2691E" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: coral"  
alt ="#FF7F50" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: cornflowerblue"  
alt ="#6495ED" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: cornsilk"  
alt ="#FFF8DC" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: crimson"  
alt ="#DC143C" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: cyan"  
alt ="#00FFFF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkblue"  
alt ="#00008B" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkcyan"  
alt ="#008B8B" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkgoldenrod"  
alt ="#B8860B" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkgray"  
alt ="#A9A9A9" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkgreen"  
alt ="#006400" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkkhaki"  
alt ="#BDB76B" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkmagenta"  
alt ="#8B008B" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkolivegreen"  
alt ="#556B2F" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkorange"  
alt ="#FF8C00" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkorchid"  
alt ="#9932CC" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkred"  
alt ="#8B0000" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darksalmon"  
alt ="#E9967A" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkseagreen"  
alt ="#8FBC8B" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkslateblue"  
alt ="#483D8B" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkslategray"  
alt ="#2F4F4F" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkturquoise"  
alt ="#00CED1" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: darkviolet"  
alt ="#9400D3" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: deeppink"  
alt ="#FF1493" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: deepskyblue"  
alt ="#00BFFF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: dimgray"  
alt ="#696969" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: dodgerblue"  
alt ="#1E90FF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: firebrick"  
alt ="#B22222" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: floralwhite"  
alt ="#FFFAF0" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: forestgreen"  
alt ="#228B22" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: fuchsia"  
alt ="#FF00FF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: gainsboro"  
alt ="#DCDCDC" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: ghostwhite"  
alt ="#F8F8FF" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: gold"  
alt ="#FFD700" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: goldenrod"  
alt ="#DAA520" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: gray"  
alt ="#808080" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: green"  
alt ="#008000" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: greenyellow"  
alt ="#ADFF2F" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: honeydew"  
alt ="#F0FFF0" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: hotpink"  
alt ="#FF69B4" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: indianred"  
alt ="#CD5C5C" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: indigo"  
alt ="#4B0082" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: ivory"  
alt ="#FFFFF0" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: khaki"  
alt ="#F0E68C" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: lavender"  
alt ="#E6E6FA" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: lavenderblush"  
alt ="#FFF0F5" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: lawngreen"  
alt ="#7CFC00" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: lemonchiffon"  
alt ="#FFFACD" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: lightblue"  
alt ="#ADD8E6" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: lightcoral"  
alt ="#F08080" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: lightcyan"  
alt ="#E0FFFF" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: lightgoldenrodyellow"  alt ="#FAFAD2" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightgreen"  alt ="#90EE90" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightgrey"  alt ="#D3D3D3" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightpink"  alt ="#FFB6C1" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightsalmon"  alt ="#FFA07A" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightseagreen"  alt ="#20B2AA" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightskyblue"  alt ="#87CEFA" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightslategray"  alt ="#778899" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightsteelblue"  alt ="#B0C4DE" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lightyellow"  alt ="#FFFFE0" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: lime"  alt ="#00FF00" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: limegreen"  alt ="#32CD32" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: linen"  alt ="#FAF0E6" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: magenta"  alt ="#FF00FF" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: maroon"  alt ="#800000" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: mediumaquamarine"  
alt ="#66CDAA" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: mediumblue"  
alt ="#0000CD" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: mediumorchid"  
alt ="#BA55D3" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: mediumpurple"  
alt ="#9370DB" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: mediumseagreen"  
alt ="#3CB371" > &nbsp; </ SPAN >< SPAN  class =spanc  style ="BACKGROUND: mediumslateblue"  
alt ="#7B68EE" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: mediumspringgreen"  alt ="#00FA9A" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: mediumturquoise"  alt ="#48D1CC" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: mediumvioletred"  alt ="#C71585" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: midnightblue"  alt ="#191970" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: mintcream"  alt ="#F5FFFA" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: mistyrose"  alt ="#FFE4E1" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: moccasin"  alt ="#FFE4B5" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: navajowhite"  alt ="#FFDEAD" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: navy"  alt ="#000080" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: oldlace"  alt ="#FDF5E6" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: olive"  alt ="#808000" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: olivedrab"  alt ="#6B8E23" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: orange"  alt ="#FFA500" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: orangered"  alt ="#FF4500" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: orchid"  alt ="#DA70D6" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: palegoldenrod"  alt ="#EEE8AA" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: palegreen"  alt ="#98FB98" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: paleturquoise"  alt ="#AFEEEE" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: palevioletred"  alt ="#DB7093" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: papayawhip"  alt ="#FFEFD5" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: peachpuff"  alt ="#FFDAB9" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: peru"  alt ="#CD853F" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: pink"  alt ="#FFC0CB" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: plum"  alt ="#DDA0DD" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: powderblue"  alt ="#B0E0E6" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: purple"  alt ="#800080" > &nbsp; </ SPAN >< SPAN 
 class =spanc  style ="BACKGROUND: red"  alt ="#FF0000" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: rosybrown"  alt ="#BC8F8F" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: royalblue"  alt ="#4169E1" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: saddlebrown"  alt ="#8B4513" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: salmon"  alt ="#FA8072" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: sandybrown"  alt ="#F4A460" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: seagreen"  alt ="#2E8B57" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: seashell"  alt ="#FFF5EE" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: sienna"  alt ="#A0522D" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: silver"  alt ="#C0C0C0" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: skyblue"  alt ="#87CEEB" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: slateblue"  alt ="#6A5ACD" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: slategray"  alt ="#708090" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: snow"  alt ="#FFFAFA" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: springgreen"  alt ="#00FF7F" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: steelblue"  alt ="#4682B4" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: tan"  alt ="#D2B48C" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: teal"  alt ="#008080" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: thistle"  alt ="#D8BFD8" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: tomato"  alt ="#FF6347" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: turquoise"  alt ="#40E0D0" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: violet"  alt ="#EE82EE" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: wheat"  alt ="#F5DEB3" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: white"  alt ="#FFFFFF" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: whitesmoke"  alt ="#F5F5F5" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: yellow"  alt ="#FFFF00" > &nbsp; </ SPAN >< SPAN  class =spanc 
 style ="BACKGROUND: yellowgreen"  alt ="#9ACD32" > &nbsp; </ SPAN >   </ DIV ></ DIV >
< DIV 
 style ="PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; PADDING-TOP: 12px" >
< DIV  id =div2  noWrap >< SPAN  style ="FONT-SIZE: 15px; WIDTH: 150px" > WIN- 
用户系统色盘 </ SPAN >   &nbsp; 颜色名称： < INPUT  id =copy11  size =28 ></ DIV >< BR >
< DIV  onclick =shit(2) >< SPAN  class =spanc1 
 style ="BACKGROUND: windowtext; COLOR: #ffffff" > windowtext </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: windowframe; COLOR: #ffffff" > windowframe </ SPAN >< SPAN 
 class =spanc1  style ="BACKGROUND: window; COLOR: #000000" > window </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: buttonshadow; COLOR: #ffffff" > threedshadow </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: buttonshadow; COLOR: #ffffff" > buttonshadow </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: threedlightshadow; COLOR: #000000" > threedlightshadow </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: none transparent scroll repeat 0% 0%" > threedhighlight </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: buttonface; COLOR: #000000" > threedface </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: threeddarkshadow; COLOR: #ffffff" > threeddarkshadow </ SPAN >< SPAN 
 class =spanc1  style ="BACKGROUND: scrollbar; COLOR: #000000" > scrollbar </ SPAN >< SPAN 
 class =spanc1  style ="BACKGROUND: menutext; COLOR: #ffffff" > menutext </ SPAN >< SPAN 
 class =spanc1  style ="BACKGROUND: menu; COLOR: #000000" > menu </ SPAN >< SPAN 
 class =spanc1  style ="BACKGROUND: infotext; COLOR: #ffffff" > infotext </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: infobackground; COLOR: #000000" > infobackground </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: inactivecaptiontext; COLOR: #000000" > inactivecaptiontext </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: inactivecaption; COLOR: #ffffff" > inactivecaption </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: inactiveborder; COLOR: #000000" > inactiveborder </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: highlighttext; COLOR: #000000" > highlighttext </ SPAN >< SPAN 
 class =spanc1  style ="BACKGROUND: highlight; COLOR: #ffffff" > highlight </ SPAN >< SPAN 
 class =spanc1  style ="BACKGROUND: graytext; COLOR: #ffffff" > graytext </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: captiontext; COLOR: #000000" > captiontext </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: buttontext; COLOR: #ffffff" > buttontext </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: buttonhighlight; COLOR: #000000" > buttonhighlight </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: buttonface; COLOR: #000000" > buttonface </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: background; COLOR: #ffffff" > background </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: appworkspace; COLOR: #ffffff" > appworkspace </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: activecaption; COLOR: #ffffff" > activecaption </ SPAN >< SPAN 
 class =spanc1 
 style ="BACKGROUND: activeborder; COLOR: #000000" > activeborder </ SPAN >  
 </ DIV ></ DIV ></ BODY ></ HTML >
siyue_qi
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在线HTML编辑器代码
12-13 3127
1.html编辑BODY { COLOR: black; FONT-SIZE: 9pt}TD { COLOR: black; FONT-SIZE: 9pt}TH { COLOR: black; FONT-SIZE: 9pt}A { TEXT-DECORATION: none}A:hover { COLOR: blue}INPUT { BACKGROUND-COLOR: #dddddd; wid
开源一个自己做的在线高亮代码编辑器，适用于CMS等系统
++ の 博客
07-10 5493
在线高亮代码编辑器，能够对代码进行高亮着色编辑在线演示：http://jerrywang.zoka.cc/editor/editor.html源代码在Google Code：http://code.google.com/p/code-syntax-highlight-editor/source/checkout文档:http://www.codeproject.com/KB/HTML/CodeSy
10款开发常用的代码编辑器
热门推荐
10-28 6万+
这篇文章会介绍10个优秀且免费的编辑器，它们都是非常方便易用的环境，你可以用它们来编写代码，查看源文件和文档等，简化你的工作。 　　Notepad++ 　　 　　Notepad++是一款免费但优秀的代码编辑器，运行在Windows环境下，可以支持多种编程语言。它在50多种程序、脚本和标记语言上都有着语法高亮、代码折叠等功能。用户可以人为设置当前语言，它还支持实现一些编程语言的API。
颜色代码：网页颜色代码大全及色彩搭配教程
Hama White 的博客
07-17 3万+
非常quanmia转自：2008-07-28 http://huayi898.blog.163.com/blog/static/25813516200862874336792/  华艺时空注：        鉴于朋友们（包括我自己）在设计网页、取用颜色时到处东翻西找的不便，经过认真学习领悟，觉得有必要把比较全面的颜色代码表做到博客中来，同时更觉得网页颜色搭配常规性知
借助取色工具ColorPix对Pycharm编辑器设定自己喜欢的代码颜色_20161202
weixin_30315723的博客
12-02 614
1、Pycharm编辑器怎么设定自己喜欢的颜色,前几天看爬虫博客,看博主贴出的代码颜色很是喜欢,如下图,设置了好多次找不到他设定的颜色。 2、下班回家想起来之前做表的时候用到过一个取色工具ColorPix可以将鼠标放到喜欢的颜色上取到它的HSB色值。可以在pycharm上设置,工具很小,用起来很方便 3、parcharm颜色设置 4、我设置的代码颜色效果 ...
提取颜色html编码,十六进制,RGB码
09-09
2. 十六进制颜色编码：这是一种常见的颜色表示方法，用6位的16进制数表示颜色，分为红、绿、蓝三个通道，每个通道占2位。例如，纯红色的十六进制代码是"#FF0000"，其中FF代表红色通道的最大值（255），00代表绿色和...
html颜色编码
10-12
HTML颜色编码是网页设计中用来指定颜色的一种标准方式。它主要使用十六进制（Hexadecimal）编码系统，也称为HEX颜色代码。这种编码方法允许开发者精确地定义颜色，以便在网页上呈现所需的颜色效果。 在HTML中，颜色...
html颜色编码源代码
03-13
实用：clr=new Array('00','20','40','60','80','a0','c0','ff'); for (i=0;i;i++) { document.write("<table border=0 cellpadding=8 style='border:1px solid #000000'>"); for (j=0;j;...
HTML编码参考手册全
08-01
`HTML---编码手册.chm`文件可能涵盖了以上所有内容，并可能提供了更详尽的示例、解释和技巧。查阅此手册可以帮助开发者更好地理解和应用HTML，创建出功能丰富、结构良好的网页。无论是初学者还是经验丰富的开发者，...
HTML caption文字颜色,HTML caption align 属性 - HTML 颜色参考手册 - 自强学堂
weixin_28811227的博客
06-28 706
HTML caption align 属性实例带有与底部对齐的 元素的表格：My savingsMonthSavingsJanuary$100尝试一下 »浏览器支持所有主流浏览器都支持 align 属性。注意：Internet Explorer 8 支持 "left", "right", "top", 和 "bottom" 值。Internet Explorer 9+ 支持 "top", 和 "...
颜色表(zz)
12-06 913
颜色表在 HTML 页面中可以两种方式指定颜色──以颜色名称或者表示 RGB 颜色值的数字。一个 RGB 颜色值由三个两位十六进制数字组成，分别代表各自的颜色强度。例如，颜色值 #FF0000 之所以被渲染为红色，是因为红色的值达到了最高值 FF (等于十进制的 255)。当你使用 !DOCTYPE 声明指定为标准兼容模式时，Microsoft® Internet Explorer
代码编辑器背景颜色
开发资料记录室
05-03 5500
颜色在这里向大家推荐豆沙绿，保护眼睛的说法虽未得到任何科学证实，但是确实看着柔和不少。下面是维基百科的介绍豆沙绿，是指一种类似豆沙的颜色色调。因其颜色观感柔和，故有网友称在电脑上阅读时采用此颜色为背景有利于保护视力（相较于白色等亮度、刺激性较高的颜色）。但此说法并未得到任何科学证实。豆沙绿的色调为：85 饱和度：123 亮度：205网页颜色 : #C7EDCCRGB值 : (199, 237, 2...
csdn 普通编辑器 代码样式 代码高亮 高亮代码皮肤更换
Speed_Pig的博客
06-12 2240
其实已经不是刚用csdn了，已经有一段时间了；刚用csdn的时候就一直用的是Markdown编辑器来写博客，所有的排版，样式不用关系，只关心内容就好。 至今为止，没有用过一次普通的编辑器，原因就是，代码样式，代码高亮的问题，代码从编译器贴进去，代码的缩进格式问题。 不知道你是否也有这样的问题，那么你看了这篇文章，也许就能帮你解答。 插入代码
html设置边框颜色
行善之人必有余庆
05-18 1万+
设置行的边框颜色 工资 姓名 基本工资 岗位工资 绩效工资 工龄工资 李1 1000 600 800 400
html caption属性,html元素caption标签的使用方法及作用
weixin_33293848的博客
06-04 8287
html元素caption标签是用来定义table表格的标题，其使用方法及作用详解如下：标签的定义标签定义表格的标题，该标题会默认居中在表格顶部；标签必须直接放置到标签之后；标签的align属性已被html4废弃，而HTML5已不再支持；每个表格只能用一个标签定义一个标题。标签语法格式语法格式如下：表格标题标签是成对出现的，以为开始标签，以为结束标签。浏览器支持情况标签已被所有主流浏览器支持 。标...
HTML标签 caption元素
xiaoxiaoxinhuan的博客
04-27 1485
表格标题caption 表格标题 效果图为
【JavaScript】鼠标点在文本框上文本框成密码框，如果不输入，鼠标离开，又变成文本框，文本框内显示”请输入密码“
05-23 2432
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HTML> HEAD>  TITLE> Test TITLE>  script>... function show(obj)...{ if(obj.type=="text")...{    obj.style.display = "none";    document.get
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值