HTML常用的颜色代码参考表|前端使用颜色必备

简介: HTML常用的颜色代码参考表|前端使用颜色必备

一、效果展示


二、代码参考

如果嫌弃自己麻烦还要运行的,可以直接戳这个链接,我已经帮大家运行起来了,大家进去直接复制颜色代码即可

链接地址:http://sgh.jxlgnc.cn/color

<title>颜色代码参考表</title>
<style> A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
.tableborder {
BORDER-COLLAPSE: collapse
}
.tdborder {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
TD ,font{
FONT-SIZE: 12px; font-family:verdana;
}
</style>
<meta content= 'MSHTML 6.00.2900.2963' name='GENERATOR' ></head><body
leftmargin= '0' topmargin='0' rightmargin='0' alink= '#ffffff'
link= '#ffffff' marginheight='0' marginwidth='0' text= '#000000'
vlink='#ffffff' >
<table class='tableborder' border='0' cellpadding='5' cellspacing='0'
width='100%' >
<tbody>
<tr>
<td class='tdborder' bgcolor= '#f7acbc' width= '25%' ><font
color='#ffffff' ><br>#f7acbc </font></td>
<td class='tdborder' bgcolor= '#deab8a' width='25%' ><font
color='#ffffff' ><br>#deab8a
</font></td>
<td class='tdborder' bgcolor= '#817936' width='25%' ><font
color='#ffffff' ><br>#817936</font></td>
<td class='tdborder' bgcolor= '#444693' width='25%' ><font
color='#ffffff' ><br>#444693</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#ef5b9c' ><font
color='#ffffff' ><br>#ef5b9c </font></td>
<td class='tdborder' bgcolor= '#fedcbd' ><font
color='#000000' ><br>#fedcbd </font></td>
<td class='tdborder' bgcolor= '#7f7522' ><font
color='#ffffff' ><br>#7f7522</font></td>
<td class='tdborder' bgcolor= '#2b4490' ><font
color='#ffffff' ><br>#2b4490 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#feeeed' ><font
color='#000000' ><br>#feeeed </font></td>
<td class='tdborder' bgcolor= '#f47920' ><font
color='#ffffff' ><br>#f47920 </font></td>
<td class='tdborder' bgcolor= '#80752c' ><font
color='#ffffff' ><br>#80752c</font></td>
<td class='tdborder' bgcolor= '#2a5caa' ><font
color='#ffffff' ><br>#2a5caa </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f05b72' ><font
color='#ffffff' ><br>#f05b72 </font></td>
<td class='tdborder' bgcolor= '#905a3d' ><font
color='#ffffff' ><br>#905a3d </font></td>
<td class='tdborder' bgcolor= '#87843b' ><font
color='#ffffff' ><br>#87843b </font></td>
<td class='tdborder' bgcolor= '#224b8f' ><font
color='#ffffff' ><br>#224b8f </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f15b6c' ><font
color='#ffffff' ><br>#f15b6c </font></td>
<td class='tdborder' bgcolor= '#8f4b2e' ><font
color='#ffffff' ><br>#8f4b2e </font></td>
<td class='tdborder' bgcolor= '#726930' ><font
color='#ffffff' ><br>#726930</font></td>
<td class='tdborder' bgcolor= '#003a6c' ><font
color='#ffffff' ><br>#003a6c </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f8aba6' ><font
color='#ffffff' ><br>#f8aba6 </font></td>
<td class='tdborder' bgcolor= '#87481f' ><font
color='#ffffff' ><br>#87481f </font></td>
<td class='tdborder' bgcolor= '#454926' ><font
color='#ffffff' ><br>#454926</font></td>
<td class='tdborder' bgcolor= '#102b6a' ><font
color='#ffffff' ><br>#102b6a </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f69c9f' ><font
color='#ffffff' ><br>#f69c9f </font></td>
<td class='tdborder' bgcolor= '#5f3c23' ><font
color='#ffffff' ><br>#5f3c23 </font></td>
<td class='tdborder' bgcolor= '#2e3a1f' ><font
color='#ffffff' ><br>#2e3a1f</font></td>
<td class='tdborder' bgcolor= '#426ab3' ><font
color='#ffffff' ><br>#426ab3 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f58f98' ><font
color='#ffffff' ><br>#f58f98 </font></td>
<td class='tdborder' bgcolor= '#6b473c' ><font
color='#ffffff' ><br>#6b473c </font></td>
<td class='tdborder' bgcolor= '#4d4f36' ><font
color='#ffffff' ><br>#4d4f36 </font></td>
<td class='tdborder' bgcolor= '#46485f' ><font
color='#ffffff' ><br>#46485f</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#ca8687' ><font
color='#ffffff' ><br>#ca8687</font></td>
<td class='tdborder' bgcolor= '#faa755' ><font
color='#ffffff' ><br>#faa755 </font></td>
<td class='tdborder' bgcolor= '#b7ba6b' ><font
color='#ffffff' ><br>#b7ba6b </font></td>
<td class='tdborder' bgcolor= '#4e72b8' ><font
color='#ffffff' ><br>#4e72b8 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f391a9' ><font
color='#ffffff' ><br>#f391a9</font></td>
<td class='tdborder' bgcolor= '#fab27b' ><font
color='#ffffff' ><br>#fab27b </font></td>
<td class='tdborder' bgcolor= '#b2d235' ><font
color='#ffffff' ><br>#b2d235 </font></td>
<td class='tdborder' bgcolor= '#181d4b' ><font
color='#ffffff' ><br>#181d4b </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#bd6758' ><font
color='#ffffff' ><br>#bd6758 </font></td>
<td class='tdborder' bgcolor= '#f58220' ><font
color='#ffffff' ><br>#f58220 </font></td>
<td class='tdborder' bgcolor= '#5c7a29' ><font
color='#ffffff' >?<br>#5c7a29 </font></td>
<td class='tdborder' bgcolor= '#1a2933' ><font
color='#ffffff' ><br>#1a2933</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#d71345' ><font
color='#ffffff' ><br>#d71345 </font></td>
<td class='tdborder' bgcolor= '#843900' ><font
color='#ffffff' ><br>#843900</font></td>
<td class='tdborder' bgcolor= '#bed742' ><font
color='#ffffff' ><br>#bed742</font></td>
<td class='tdborder' bgcolor= '#121a2a' ><font
color='#ffffff' ><br>#121a2a</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#d64f44' ><font
color='#ffffff' ><br>#d64f44 </font></td>
<td class='tdborder' bgcolor= '#905d1d' ><font
color='#ffffff' ><br>#905d1d </font></td>
<td class='tdborder' bgcolor= '#7fb80e' ><font
color='#ffffff' ><br>#7fb80e </font></td>
<td class='tdborder' bgcolor= '#0c212b' ><font
color='#ffffff' ><br>#0c212b </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#d93a49' ><font
color='#ffffff' ><br>#d93a49 </font></td>
<td class='tdborder' bgcolor= '#8a5d19' ><font
color='#ffffff' ><br>#8a5d19 </font></td>
<td class='tdborder' bgcolor= '#a3cf62' ><font
color='#ffffff' ><br>#a3cf62 </font></td>
<td class='tdborder' bgcolor= '#6a6da9' ><font
color='#ffffff' ><br>#6a6da9
</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b3424a' ><font
color='#ffffff' ><br>#b3424a </font></td>
<td class='tdborder' bgcolor= '#8c531b' ><font
color='#ffffff' ><br>#8c531b </font></td>
<td class='tdborder' bgcolor= '#769149' ><font
color='#ffffff' ><br>#769149</font></td>
<td class='tdborder' bgcolor= '#585eaa' ><font
color='#ffffff' ><br>#585eaa </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#c76968' ><font
color='#ffffff' ><br>#c76968</font></td>
<td class='tdborder' bgcolor= '#826858' ><font
color='#ffffff' ><br>#826858
</font></td>
<td class='tdborder' bgcolor= '#6d8346' ><font
color='#ffffff' ><br>#6d8346 </font></td>
<td class='tdborder' bgcolor= '#494e8f' ><font
color='#ffffff' ><br>#494e8f </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#bb505d' ><font
color='#ffffff' ><br>#bb505d </font></td>
<td class='tdborder' bgcolor= '#64492b' ><font
color='#ffffff' ><br>#64492b </font></td>
<td class='tdborder' bgcolor= '#78a355' ><font
color='#ffffff' ><br>#78a355</font></td>
<td class='tdborder' bgcolor= '#afb4db' ><font
color='#ffffff' ><br>#afb4db </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#987165' ><font
color='#ffffff' ><br>#987165</font></td>
<td class='tdborder' bgcolor= '#ae6642' ><font
color='#ffffff' ><br>#ae6642 </font></td>
<td class='tdborder' bgcolor= '#abc88b' ><font
color='#ffffff' ><br>#abc88b </font></td>
<td class='tdborder' bgcolor= '#9b95c9' ><font
color='#ffffff' ><br>#9b95c9 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#ac6767' ><font
color='#ffffff' ><br>#ac6767 </font></td>
<td class='tdborder' bgcolor= '#56452d' ><font
color='#ffffff' ><br>#56452d </font></td>
<td class='tdborder' bgcolor= '#74905d' ><font
color='#ffffff' ><br>#74905d </font></td>
<td class='tdborder' bgcolor= '#6950a1' ><font
color='#ffffff' ><br>#6950a1</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#973c3f' ><font
color='#ffffff' ><br>#973c3f </font></td>
<td class='tdborder' bgcolor= '#96582a' ><font
color='#ffffff' ><br>#96582a</font></td>
<td class='tdborder' bgcolor= '#cde6c7' ><font
color='#000000' ><br>#cde6c7 </font></td>
<td class='tdborder' bgcolor= '#6f60aa' ><font
color='#ffffff' ><br>#6f60aa</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b22c46' ><font
color='#ffffff' ><br>#b22c46 </font></td>
<td class='tdborder' bgcolor= '#705628' ><font
color='#ffffff' ><br>#705628</font></td>
<td class='tdborder' bgcolor= '#1d953f' ><font
color='#ffffff' ><br>#1d953f </font></td>
<td class='tdborder' bgcolor= '#867892' ><font
color='#ffffff' ><br>#867892</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#a7324a' ><font
color='#ffffff' ><br>#a7324a</font></td>
<td class='tdborder' bgcolor= '#4a3113' ><font
color='#ffffff' ><br>#4a3113
</font></td>
<td class='tdborder' bgcolor= '#77ac98' ><font
color='#ffffff' ><br>#77ac98 </font></td>
<td class='tdborder' bgcolor= '#918597' ><font
color='#ffffff' ><br>#918597</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#aa363d' ><font
color='#ffffff' ><br>#aa363d </font></td>
<td class='tdborder' bgcolor= '#412f1f' ><font
color='#ffffff' ><br>#412f1f </font></td>
<td class='tdborder' bgcolor= '#007d65' ><font
color='#ffffff' ><br>#007d65 </font></td>
<td class='tdborder' bgcolor= '#6f6d85' ><font
color='#ffffff' ><br>#6f6d85 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#ed1941' ><font
color='#ffffff' ><br>#ed1941</font></td>
<td class='tdborder' bgcolor= '#845538' ><font
color='#ffffff' ><br>#845538</font></td>
<td class='tdborder' bgcolor= '#84bf96' ><font
color='#ffffff' <br>#84bf96</font></td>
<td class='tdborder' bgcolor= '#594c6d' ><font
color='#ffffff' ><br>#594c6d
</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f26522' ><font
color='#ffffff' ><br>#f26522 </font></td>
<td class='tdborder' bgcolor= '#8e7437' ><font
color='#ffffff' ><br>#8e7437 </font></td>
<td class='tdborder' bgcolor= '#45b97c' ><font
color='#ffffff' ><br>#45b97c </font></td>
<td class='tdborder' bgcolor= '#694d9f' ><font
color='#ffffff' ><br>#694d9f </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#d2553d' ><font
color='#ffffff' ><br>#d2553d </font></td>
<td class='tdborder' bgcolor= '#69541b' ><font
color='#ffffff' ><br>#69541b </font></td>
<td class='tdborder' bgcolor= '#225a1f' ><font
color='#ffffff' ><br>#225a1f </font></td>
<td class='tdborder' bgcolor= '#6f599c' ><font
color='#ffffff' ><br>#6f599c</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b4534b' ><font
color='#ffffff' ><br>#b4534b
</font></td>
<td class='tdborder' bgcolor= '#d5c59f' ><font
color='#ffffff' ><br>#d5c59f </font></td>
<td class='tdborder' bgcolor= '#367459' ><font
color='#ffffff' ><br>#367459</font></td>
<td class='tdborder' bgcolor= '#8552a1' ><font
color='#ffffff' ><br>#8552a1</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#ef4136' ><font
color='#ffffff' ><br>#ef4136</font></td>
<td class='tdborder' bgcolor= '#cd9a5b' ><font
color='#ffffff' ><br>#cd9a5b </font></td>
<td class='tdborder' bgcolor= '#007947' ><font
color='#ffffff' ><br>#007947</font></td>
<td class='tdborder' bgcolor= '#543044' ><font
color='#ffffff' ><br>#543044</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#c63c26' ><font
color='#ffffff' ><br>#c63c26 </font></td>
<td class='tdborder' bgcolor= '#cd9a5b' ><font
color='#ffffff' ><br>#cd9a5b </font></td>
<td class='tdborder' bgcolor= '#40835e' ><font
color='#ffffff' ><br>#40835e </font></td>
<td class='tdborder' bgcolor= '#63434f' ><font
color='#ffffff' ><br>#63434f</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f3715c' ><font
color='#ffffff' ><br>#f3715c </font></td>
<td class='tdborder' bgcolor= '#b36d41' ><font
color='#ffffff' ><br>#b36d41 </font></td>
<td class='tdborder' bgcolor= '#2b6447' ><font
color='#ffffff' ><br>#2b6447 </font></td>
<td class='tdborder' bgcolor= '#7d5886' ><font
color='#ffffff' ><br>#7d5886</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#a7573b' ><font
color='#ffffff' ><br>#a7573b </font></td>
<td class='tdborder' bgcolor= '#df9464' ><font
color='#ffffff' ><br>#df9464</font></td>
<td class='tdborder' bgcolor= '#005831' ><font
color='#ffffff' ><br>#005831</font></td>
<td class='tdborder' bgcolor= '#401c44' ><font
color='#ffffff' ><br>#401c44</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#aa2116' ><font
color='#ffffff' ><br>#aa2116</font></td>
<td class='tdborder' bgcolor= '#b76f40' ><font
color='#ffffff' ><br>#b76f40 </font></td>
<td class='tdborder' bgcolor= '#006c54' ><font
color='#ffffff' ><br>#006c54 </font></td>
<td class='tdborder' bgcolor= '#472d56' ><font
color='#ffffff' ><br>#472d56 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b64533' ><font
color='#ffffff' ><br>#b64533 </font></td>
<td class='tdborder' bgcolor= '#ad8b3d' ><font
color='#ffffff' ><br>#ad8b3d </font></td>
<td class='tdborder' bgcolor= '#375830' ><font
color='#ffffff' ><br>#375830
</font></td>
<td class='tdborder' bgcolor= '#45224a' ><font
color='#ffffff' ><br>#45224a
</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b54334' ><font
color='#ffffff' ><br>#b54334 </font></td>
<td class='tdborder' bgcolor= '#dea32c' ><font
color='#ffffff' ><br>#dea32c </font></td>
<td class='tdborder' bgcolor= '#274d3d' ><font
color='#ffffff' ><br>#274d3d </font></td>
<td class='tdborder' bgcolor= '#411445' ><font
color='#ffffff' ><br>#411445</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#853f04' ><font
color='#ffffff' ><br>#853f04</font></td>
<td class='tdborder' bgcolor= '#d1923f' ><font
color='#ffffff' ><br>#d1923f </font></td>
<td class='tdborder' bgcolor= '#375830' ><font
color='#ffffff' ><br>#375830</font></td>
<td class='tdborder' bgcolor= '#4b2f3d' ><font
color='#ffffff' ><br>#4b2f3d </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#840228' ><font
color='#ffffff' ><br>#840228</font></td>
<td class='tdborder' bgcolor= '#c88400' ><font
color='#ffffff' ><br>#c88400 </font></td>
<td class='tdborder' bgcolor= '#27342b' ><font
color='#ffffff' ><br>#27342b </font></td>
<td class='tdborder' bgcolor= '#402e4c' ><font
color='#ffffff' ><br>#402e4c </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#7a1723' ><font
color='#ffffff' ><br>#7a1723</font></td>
<td class='tdborder' bgcolor= '#c37e00' ><font
color='#ffffff' ><br>#c37e00 </font></td>
<td class='tdborder' bgcolor= '#65c294' ><font
color='#ffffff' ><br>#65c294 </font></td>
<td class='tdborder' bgcolor= '#c77eb5' ><font
color='#ffffff' ><br>#c77eb5 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#a03939' ><font
color='#ffffff' ><br>#a03939</font></td>
<td class='tdborder' bgcolor= '#c37e00' ><font
color='#ffffff' ><br>#c37e00 </font></td>
<td class='tdborder' bgcolor= '#73b9a2' ><font
color='#ffffff' ><br>#73b9a2 </font></td>
<td class='tdborder' bgcolor= '#ea66a6' ><font
color='#ffffff' ><br>#ea66a6 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#8a2e3b' ><font
color='#ffffff' ><br>#8a2e3b </font></td>
<td class='tdborder' bgcolor= '#e0861a' ><font
color='#ffffff' ><br>#e0861a </font></td>
<td class='tdborder' bgcolor= '#72baa7' ><font
color='#ffffff' ><br>#72baa7 </font></td>
<td class='tdborder' bgcolor= '#f173ac' ><font
color='#ffffff' ><br>#f173ac </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#8e453f' ><font
color='#ffffff' ><br>#8e453f </font></td>
<td class='tdborder' bgcolor= '#ffce7b' ><font
color='#000000' ><br>#ffce7b </font></td>
<td class='tdborder' bgcolor= '#005344' ><font
color='#ffffff' ><br>#005344</font></td>
<td class='tdborder' bgcolor= '#fffffb' ><font
color='#000000' ><br>#fffffb</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#8f4b4a' ><font
color='#ffffff' ><br>#8f4b4a </font></td>
<td class='tdborder' bgcolor= '#fcaf17' ><font
color='#ffffff' ><br>#fcaf17</font></td>
<td class='tdborder' bgcolor= '#122e29' ><font
color='#ffffff' ><br>#122e29 </font></td>
<td class='tdborder' bgcolor= '#fffef9' ><font
color='#000000' ><br>#fffef9</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#892f1b' ><font
color='#ffffff' ><br>#892f1b </font></td>
<td class='tdborder' bgcolor= '#ba8448' ><font
color='#ffffff' ><br>#ba8448 </font></td>
<td class='tdborder' bgcolor= '#293047' ><font
color='#ffffff' ><br>#293047</font></td>
<td class='tdborder' bgcolor= '#f6f5ec' ><font
color='#000000' ><br>#f6f5ec </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#6b2c25' ><font
color='#ffffff' ><br>#6b2c25 </font></td>
<td class='tdborder' bgcolor= '#896a45' ><font
color='#ffffff' ><br>#896a45</font></td>
<td class='tdborder' bgcolor= '#00ae9d' ><font
color='#ffffff' ><br>#00ae9d </font></td>
<td class='tdborder' bgcolor= '#d9d6c3' ><font
color='#000000' ><br>#d9d6c3 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#733a31' ><font
color='#ffffff' ><br>#733a31</font></td>
<td class='tdborder' bgcolor= '#76624c' ><font
color='#ffffff' ><br>#76624c </font></td>
<td class='tdborder' bgcolor= '#508a88' ><font
color='#ffffff' ><br>#508a88</font></td>
<td class='tdborder' bgcolor= '#d1c7b7' ><font
color='#000000' ><br>#d1c7b7 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#54211d' ><font
color='#ffffff' ><br>#54211d </font></td>
<td class='tdborder' bgcolor= '#6d5826' ><font
color='#ffffff' ><br>#6d5826 </font></td>
<td class='tdborder' bgcolor= '#70a19f' ><font
color='#ffffff' ><br>#70a19f </font></td>
<td class='tdborder' bgcolor= '#f2eada' ><font
color='#000000' ><br>#f2eada</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#78331e' ><font
color='#ffffff' ><br>#78331e </font></td>
<td class='tdborder' bgcolor= '#ffc20e' ><font
color='#ffffff' ><br>#ffc20e
</font></td>
<td class='tdborder' bgcolor= '#50b7c1' ><font
color='#ffffff' ><br>#50b7c1 </font></td>
<td class='tdborder' bgcolor= '#d3d7d4' ><font
color='#000000' ><br>#d3d7d4
</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#53261f' ><font
color='#ffffff' ><br>#53261f </font></td>
<td class='tdborder' bgcolor= '#fdb933' ><font
color='#ffffff' ><br>#fdb933 </font></td>
<td class='tdborder' bgcolor= '#00a6ac' ><font
color='#ffffff' ><br>#00a6ac </font></td>
<td class='tdborder' bgcolor= '#999d9c' ><font
color='#ffffff' ><br>#999d9c </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f15a22' ><font
color='#ffffff' ><br>#f15a22</font></td>
<td class='tdborder' bgcolor= '#d3c6a6' ><font
color='#ffffff' ><br>#d3c6a6 </font></td>
<td class='tdborder' bgcolor= '#78cdd1' ><font
color='#ffffff' ><br>#78cdd1 </font></td>
<td class='tdborder' bgcolor= '#a1a3a6' ><font
color='#ffffff' ><br>#a1a3a6</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b4533c' ><font
color='#ffffff' ><br>#b4533c </font></td>
<td class='tdborder' bgcolor= '#c7a252' ><font
color='#ffffff' ><br>#c7a252 </font></td>
<td class='tdborder' bgcolor= '#008792' ><font
color='#ffffff' ><br>#008792
</font></td>
<td class='tdborder' bgcolor= '#9d9087' ><font
color='#ffffff' ><br>#9d9087 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#84331f' ><font
color='#ffffff' ><br>#84331f </font></td>
<td class='tdborder' bgcolor= '#dec674' ><font
color='#ffffff' ><br>#dec674 </font></td>
<td class='tdborder' bgcolor= '#94d6da' ><font
color='#ffffff' ><br>#94d6da </font></td>
<td class='tdborder' bgcolor= '#8a8c8e' ><font
color='#ffffff' ><br>#8a8c8e </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f47a55' ><font
color='#ffffff' ><br>#f47a55</font></td>
<td class='tdborder' bgcolor= '#b69968' ><font
color='#ffffff' ><br>#b69968 </font></td>
<td class='tdborder' bgcolor= '#afdfe4' ><font
color='#ffffff' ><br>#afdfe4</font></td>
<td class='tdborder' bgcolor= '#74787c' ><font
color='#ffffff' ><br>#74787c </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f15a22' ><font
color='#ffffff' ><br>#f15a22</font></td>
<td class='tdborder' bgcolor= '#c1a173' ><font
color='#ffffff' ><br>#c1a173 </font></td>
<td class='tdborder' bgcolor= '#5e7c85' ><font
color='#ffffff' ><br>#5e7c85 </font></td>
<td class='tdborder' bgcolor= '#7c8577' ><font
color='#ffffff' ><br>#7c8577</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f3704b' ><font
color='#ffffff' ><br>#f3704b </font></td>
<td class='tdborder' bgcolor= '#dbce8f' ><font
color='#ffffff' ><br>#dbce8f </font></td>
<td class='tdborder' bgcolor= '#76becc' ><font
color='#ffffff' ><br>#76becc</font></td>
<td class='tdborder' bgcolor= '#72777b' ><font
color='#ffffff' ><br>#72777b </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#da765b' ><font
color='#ffffff' ><br>#da765b </font></td>
<td class='tdborder' bgcolor= '#ffd400' ><font
color='#ffffff' ><br>#ffd400 </font></td>
<td class='tdborder' bgcolor= '#90d7ec' ><font
color='#ffffff' ><br>#90d7ec </font></td>
<td class='tdborder' bgcolor= '#77787b' ><font
color='#ffffff' ><br>#77787b </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#c85d44' ><font
color='#ffffff' ><br>#c85d44 </font></td>
<td class='tdborder' bgcolor= '#ffd400' ><font
color='#ffffff' ><br>#ffd400 </font></td>
<td class='tdborder' bgcolor= '#009ad6' ><font
color='#ffffff' ><br>#009ad6 </font></td>
<td class='tdborder' bgcolor= '#4f5555' ><font
color='#ffffff' ><br>#4f5555 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#ae5039' ><font
color='#ffffff' ><br>#ae5039 </font></td>
<td class='tdborder' bgcolor= '#ffe600' ><font
color='#ffffff' ><br>#ffe600</font></td>
<td class='tdborder' bgcolor= '#145b7d' ><font
color='#ffffff' ><br>#145b7d </font></td>
<td class='tdborder' bgcolor= '#6c4c49' ><font
color='#ffffff' ><br>#6c4c49 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#6a3427' ><font
color='#ffffff' ><br>#6a3427</font></td>
<td class='tdborder' bgcolor= '#f0dc70' ><font
color='#ffffff' ><br>#f0dc70 </font></td>
<td class='tdborder' bgcolor= '#11264f' ><font
color='#ffffff' ><br>#11264f </font></td>
<td class='tdborder' bgcolor= '#563624' ><font
color='#ffffff' ><br>#563624</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#8f4b38' ><font
color='#ffffff' ><br>#8f4b38 </font></td>
<td class='tdborder' bgcolor= '#fcf16e' ><font
color='#ffffff' ><br>#fcf16e </font></td>
<td class='tdborder' bgcolor= '#7bbfea' ><font
color='#ffffff' ><br>#7bbfea</font></td>
<td class='tdborder' bgcolor= '#3e4145' ><font
color='#ffffff' ><br>#3e4145 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#8e3e1f' ><font
color='#ffffff' ><br>#8e3e1f </font></td>
<td class='tdborder' bgcolor= '#decb00' ><font
color='#ffffff' ><br>#decb00</font></td>
<td class='tdborder' bgcolor= '#33a3dc' ><font
color='#ffffff' ><br>#33a3dc</font></td>
<td class='tdborder' bgcolor= '#3c3645' ><font
color='#ffffff' ><br>#3c3645 </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#f36c21' ><font
color='#ffffff' ><br>#f36c21 </font></td>
<td class='tdborder' bgcolor= '#cbc547' ><font
color='#ffffff' ><br>#cbc547</font></td>
<td class='tdborder' bgcolor= '#228fbd' ><font
color='#ffffff' ><br>#228fbd </font></td>
<td class='tdborder' bgcolor= '#464547' ><font
color='#ffffff' >ī<br>#464547</font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b4532a' ><font
color='#ffffff' ><br>#b4532a </font></td>
<td class='tdborder' bgcolor= '#6e6b41' ><font
color='#ffffff' ><br>#6e6b41 </font></td>
<td class='tdborder' bgcolor= '#2468a2' ><font
color='#ffffff' ><br>#2468a2</font></td>
<td class='tdborder' bgcolor= '#130c0e' ><font
color='#ffffff' ><br>#130c0e </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#b7704f' ><font
color='#ffffff' ><br>#b7704f </font></td>
<td class='tdborder' bgcolor= '#596032' ><font
color='#ffffff' ><br>#596032</font></td>
<td class='tdborder' bgcolor= '#2570a1' ><font
color='#ffffff' ><br>#2570a1</font></td>
<td class='tdborder' bgcolor= '#281f1d' ><font
color='#ffffff' ><br>#281f1d </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#de773f' ><font
color='#ffffff' ><br>#de773f </font></td>
<td class='tdborder' bgcolor= '#525f42' ><font
color='#ffffff' ><br>#525f42 </font></td>
<td class='tdborder' bgcolor= '#2585a6' ><font
color='#ffffff' ><br>#2585a6</font></td>
<td class='tdborder' bgcolor= '#2f271d' ><font
color='#ffffff' ><br>#2f271d </font></td></tr>
<tr>
<td class='tdborder' bgcolor= '#c99979' ><font
color='#ffffff' ><br>#c99979</font></td>
<td class='tdborder' bgcolor= '#5f5d46' ><font
color='#ffffff' ><br>#5f5d46 </font></td>
<td class='tdborder' bgcolor= '#1b315e' ><font
color='#ffffff' ><br>#1b315e </font></td>
<td class='tdborder' bgcolor= '#1d1626' ><font
color='#ffffff' ><br>#1d1626 </font></td></tr></tbody></table>
<div style="width:100%;margin:auto;text-align:center">
<p>小小鱼儿小小林,邮箱:yujianlin0427@163.com,博客:https://blog.csdn.net/qq_27471405/article/details/46901043</p>
</div>
</body>
</html>
相关文章
|
7天前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
3天前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
28 6
HTML 属性参考手册
HTML属性参考手册提供了常用的HTML属性列表,包括`class`、`id`、`style`、`title`等,用于定义元素的样式、唯一标识、额外信息等。此外,还包括`href`、`src`、`alt`、`name`、`value`、`target`、`type`和`placeholder`等,分别用于链接、资源路径、替代文本、表单元素名称和值、链接打开方式、表单元素类型及占位符文本的定义。
|
3天前
|
前端开发 JavaScript 开发者
揭秘前端高手的秘密武器:深度解析递归组件与动态组件的奥妙,让你代码效率翻倍!
【10月更文挑战第23天】在Web开发中,组件化已成为主流。本文深入探讨了递归组件与动态组件的概念、应用及实现方式。递归组件通过在组件内部调用自身,适用于处理层级结构数据,如菜单和树形控件。动态组件则根据数据变化动态切换组件显示,适用于不同业务逻辑下的组件展示。通过示例,展示了这两种组件的实现方法及其在实际开发中的应用价值。
8 1
|
17天前
|
XML 前端开发 JavaScript
前端开发进阶:从HTML到React.js
【10月更文挑战第9天】前端开发进阶:从HTML到React.js
|
2月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
24 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
2月前
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性,包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签(如`header`、`footer`、`nav`等)及其新增表单控件和属性(如`url`、`email`、`date`类型输入框等)。这些改进增强了网页的功能性和用户体验。
34 1
前端基础(十七)_HTML5新特性
|
17天前
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
173 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
|
23天前
|
前端开发 JavaScript 开发者
利用代码分割优化前端性能:高级技巧与实践
【10月更文挑战第2天】在现代Web开发中,代码分割是优化前端性能的关键技术,可显著减少页面加载时间。本文详细探讨了代码分割的基本原理及其实现方法,包括自动与手动分割、预加载与预取、动态导入及按需加载CSS等高级技巧,旨在帮助开发者提升Web应用性能,改善用户体验。
|
24天前
|
JavaScript 前端开发
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
电话号码正则表达式 代码 javascript+html,JS正则表达式判断11位手机号码
58 1