CSS颜色代码大全参照表
- 格式:docx
- 大小:7.02 KB
- 文档页数:3
颜色名称 中文名称十六进制RGB 十进制RGB 颜色名称中文名称十六进制RGB 十进制RGBaliceblue 艾利斯兰#f0f8ff 240,248,255darkslategrey 暗瓦灰色 #2f4f4f 47,79,79antiquewhite 古董白 #faebd7 250,235,215darkturquoise暗宝石绿 #OOcedl 0,206,209 aqua 浅绿色 #00ffff 0,255,255 darkviolet 暗紫罗兰色 #9400d3 148,0,211 aquamarine 碧绿色 #7fffd4 127,255,212deeppink 深粉红色 #ffl493255,20,147azure 天蓝色 #f0ffff240,255,255deepskyblue 深天蓝色 #OObfff 0,191,255 beige 米色 #f5f5dc 245,245,220dimgray 暗灰色 #696969 105,105,105 bisque 桔黄色 #ffe4c4255,228,196dodgerblue 闪蓝色 #1e90ff 30,144,255 black黑色 #000000 0,0,0firebrick 火砖色 #b22222 178,34,34 blanchedalmond 白杏色 #ffebcd 255,235,205floralwhite花白色 #fffaf0 255,250,240 blue 蓝色 #0000ff 0,0,255 forestgreen 森林绿 #228b22 34,139,34 blueviolet 紫罗兰色#8a2be2 138,43,226 fuchsia紫红色 #ff00ff 255,0,255 brown 褐色 #a52a2a 165,42,42 gainsboro 淡灰色 #dcdcdc 220,220,220 burlywood 实木色 #deb887 222,184,135ghostwhite幽灵白 #t8f8ff 248,248,255 eadetbhle 军蓝色 #5f9eaO 95,158,160 gold 金色 #ffd700 255,215,0 chartreuse 黄绿色 #7fff00 127,255,0 goldenrod金麒麟色 #daa520 218,165,32 chocolate 巧克力色#d2691e 210,105,30 gray灰色 #808080 128,128,128 coral珊瑚色 #ff7f50255,127,80 green 绿色 #008000 0,128,0 cornflowerblue 菊蓝色 #6495ed 100,149,237greenyellow 黄绿色 #adff2f 173,255,47 comsilk 米绸色 #fffSdc 255,248,220honeydew蜜色 #f0fif0 240,255,240 crimson 暗深红色#dc143c 220,20,60 hotpink热粉红色 #ff69b4255,105,180cyan 青色 #00ffff 0,255,255 indianred 印第安红 #cd5c5c 205,92,92 darkblue 暗蓝色 #00008b 0,0,139 indigo 靛青色 #4b0082 75,0,130 darkcyan暗青色 #008b8bO .139,139ivory象牙色 #fffff0 255,255,240 darkgoldenrod 暗金黄色#b8860b 184,134,11 khaki黄褐色 #f0e68c 240,230,140 darkgray 暗灰色 #a9a9a9 169,169,169lavender 淡紫色 #e6e6fa 230,230,250 darkRreen 暗绿色 #006400 0,100,0lavenderblush 淡紫红 #fifOf5 255,240,245 darkkhaki 暗黄褐色#bdb76b 189,183,107lawngreen草绿色 #7cfc00 124,252,0 darkmagenta暗洋红 #8b008b 139,0,139 lemonchiffon柠檬绸色 #fffacd255,250,205darkolivegreen 暗橄榄绿#556b2f 85,107,47 lightblue 亮蓝色 #add8e6 173,216,230 darkorange 暗桔黄色#ffSc00 255,140,0 lightcoral亮珊瑚色 #f08080 240,128,128 darkorchid 暗紫色 #9932cc 153,50,204 lightcyan 亮青色 #e0ffff 224,255,255 darkred 暗红色 #8b0000 139,0,0 lightgoldenrodyellow 亮金黄色 #fafad2250,250,210darksalmon 暗肉色 #e9967a 233,150,122lightgray 亮灰色 #d3d3d3 211,211,211 darkseagreen 暗海蓝色#8fbc8f 143,188,143lightgreen亮绿色 #90ee90 144,238,144 darkslateblue暗灰蓝色#483d8b 72,61,139 lightpink亮粉红色 #fib6c1255,182,193HTML/CSS/JavaScript标准教程实例版(第3版)>>续表颜色名称中文名称十六进制RGB 十进制RGB颜色名称中文名称十六进制RGB 十进制RGBpalevioletred苍紫罗蓝色#db7093 219,112,147 lightsalmon 亮肉色 #ffa07a 255,160,122lightseagreen 亮海蓝色 #20b2aa 32,178,170 papayawhip番木色 #fiefd5 255,239,213lightskyblue 亮天蓝色 #87cefa 135,206,250 peachpuff 桃色 #ffdab9 255,218,185peru 秘鲁色 #cd853f 205,133,63 lightslategray 亮蓝灰 #778899 119,136,153lightsteelblue 亮钢蓝色 #b0c4de 176,196,222 pink 粉红色 #frc0cb 255,192,203plum 洋李色 #dda0dd 221,160,221 lightyellow 亮黄色 #ffffe0 255,255,224粉蓝色 #b0e0e6 176,224,230 lime 酸橙色 #00ff00 0,255,0 powderbluelimegreen 橙绿色 #32cd32 50,205,50 purple 紫色 #800080 128,0,128red 红色 #ff0000 255,0,0 linen 亚麻色 #faf0e6 250,240,230褐玫瑰红 #bc8f8f 188,143,143 magenta 红紫色 #ff00ff 255,0,255 rosybrown皇家蓝 #4169e1 65,105,225 maroon 粟色 #800000 128,0,0 royalbluesaddlebrown重褐色 #8b4513 139,69,19 mediumaquamarine 中绿色 #66cdaa 102,205,170mediumblue 中蓝色 #0000cd 0,0,205 salmon 鲜肉色 #fa8072 250,128,114mediumorchid 中粉紫色 #ba55d3 186,85,211 sandybrown沙褐色 #f4a460 244,164,96seagreen 海绿色 #2e8b57 46,139,87 mediumpurple 中紫色 #9370db 147,112,219mediumseagreen 中海蓝 #3cb371 60,179,113 seashell 海贝色 #fff5ee 255,245,238mediumslateblue 中暗蓝色 #7b68ee 123,104,238 sienna 赭色 #a0522d 160,82,45mediumspringgreen 中春绿色 #00fa9a 0,250,154 silver 银色 #c0c0c0 192,192,192mediumturquoise 中绿宝石 #48d1cc 72,209,204 skvblue 天蓝色 #87ceeb 135,206,235mediumvioletred 中紫罗蓝色 #c71585 199,21,133 slateblue 石蓝色 #6a5acd 106,90,205midnightblue 中灰蓝色 #191970 25,25,112 slategray 灰石色 #708090 112,128,144snow 雪白色 #ffffafa 255,250,250 mintcream 薄荷色 #f5fffa 245,255,250mistyrose 浅玫瑰色 #fre4e1 255,228,225 springgreen 春绿色 #00ff7f 0,255,127steelblue 钢蓝色 #4682b4 70,130,180 moccasin 鹿皮色 #ffe4b5 255,228,181tan 茶色 #d2b48c 210,180,140 navajowhite 纳瓦白 #ffdead 255,222,173navy 海军色 #000080 0,0,128 teal 水鸭色 #008080 0,128,128thisfle 蓟色 #d8bfd8 216,191,216 oldlace 老花色 #fdf5e6 253,245,230olive 橄榄色 #808000 128,128,0 tomato 西红柿色 #ff6347 255,99,71olivedrab 深绿褐色 #6b8e23 107,142,35 turquorse 青绿色 #40e0d0 64,224,208violet 紫罗蓝色 #ee82ee 238,130,238 orange 橙色 #ffa500 255,165,0orangered 红橙色 #ff4500 255,69,0 wheat 浅黄色 #f5deb3 245,222,179white 白色 #ffffff 255,255,255 orchid 淡紫色 #da70d6 218,112,214palegoldenrod 苍麒麟色 #eee8aa 238,232,170 whitesmoke烟白色 #f5f5f5 245,245,245yellow 黄色 #ffff00 255,255,0 palegreen 苍绿色 #98fb98 152,251,152loaleturquoise 苍宝石绿 #afeeee 175,238,238 yellowgreen黄绿色 #9acd32 154,205,50388。
最全颜色(color)变量表常用指标颜色代码:1 白色 ColorFFFFFF 或 ColorWhite2 红色 ColorFF0000 或 COLORRED3 绿色 Color00FF00 或 ColorGreen4 蓝色 Color0000FF 或 ColorBlue5 牡丹红 ColorFF00FF6 青色 Color00FFFF7 黄色 ColorFFFF00 或 ColorYellow8 黑色 Color000000 或 ColorBlack9 海蓝 Color70DB9310 巧克力色 Color5C331711 蓝紫色 Color9F5F9F12 黄铜色 ColorB5A64213 亮金色 ColorD9D91914 棕色 ColorA67D3D15 青铜色 Color8C785316 2号青铜色 ColorA67D3D17 士官服蓝色 Color5F9F9F18 冷铜色 ColorD9871919 铜色 ColorB8733320 珊瑚红 ColorFF7F0021 紫蓝色 Color42426F22 深棕 Color5C403323 深绿 Color2F4F2F24 深铜绿色 Color4A766E25 深橄榄绿 Color4F4F2F26 深兰花色 Color9932CD27 深紫色 Color871F7828 深石板蓝 Color6B238E29 深铅灰色 Color2F4F4F30 深棕褐色 Color97694F32 深绿松石色 Color7093DB33 暗木色 Color855E4234 淡灰色 Color54545435 土灰玫瑰红色 Color54545436 长石色 ColorD1927537 火砖色 Color8E232338 森林绿 Color238E2339 金色 ColorCD7F3240 鲜黄色 ColorDBDB7041 灰色 ColorC0C0C042 铜绿色 Color527F7643 青黄色 Color93DB7044 猎人绿 Color215E2145 印度红 Color4E2F2F46 土黄色 Color9F9F5F47 浅蓝色 ColorC0D9D948 浅灰色 ColorA8A8A849 浅钢蓝色 Color8F8FBD59 浅木色 ColorE9C2A660 石灰绿色 Color32CD3261 桔黄色 ColorE4783362 褐红色 Color8E236B63 中海蓝色 Color32CD9964 中蓝色 Color3232CD65 中森林绿 Color6B8E2366 中鲜黄色 ColorEAEAAE67 中兰花色 Color9370DB68 中海绿色 Color426F4269 中石板蓝色 Color7F00FF70 中春绿色 Color7FFF0071 中绿松石色 Color70DBDB72 中紫红色 ColorDB709373 中木色 ColorA6806474 深藏青色 Color2F2F4F75 海军蓝 Color23238E76 霓虹篮 Color4D4DFF77 霓虹粉红 ColorFF6EC778 新深藏青色 Color00009C79 新棕褐色 ColorEBC79E80 暗金黄色 ColorCFB53B81 橙色 ColorFF7F0082 橙红色 ColorFF240083 淡紫色 ColorDB70DB84 浅绿色 Color8FBC8F85 粉红色 ColorBC8F8F86 李子色 ColorEAADEA87 石英色 ColorD9D9F388 艳蓝色 Color5959AB89 鲑鱼色 Color6F424290 猩红色 ColorBC171791 海绿色 Color238E6892 半甜巧克力色 Color6B422693 赭色 Color8E6B2394 银色 ColorE6E8FA95 天蓝 Color3299CC96 石板蓝 Color007FFF97 艳粉红色 ColorFF1CAE98 春绿色 Color00FF7F99 钢蓝色 Color236B8E100 亮天蓝色 Color38B0DE 101 棕褐色 ColorDB9370 102 紫红色 ColorD8BFD8 103 石板蓝色 ColorADEAEA 104 浓深棕色 Color5C4033 105 淡浅灰色 ColorCDCDCD 106 紫罗兰色 Color4F2F4F 107 紫罗兰红色 ColorCC3299 108 麦黄色 ColorD8D8BF 109 黄绿色 Color99CC32。
CSS颜⾊代码⼤全CSS颜⾊代码⼤全颜⾊代码表(⼀):EEEEEE FFCCFF FF66FF FF00FF DDDDDD FFCCCC FF66CC FF00CC CCCCCC FFCC99FF6699FF0099 BBBBBB FFCC66FF6666FF0066 AAAAAA FFCC33FF6633FF0033 999999FFCC00FF6600FF0000 888888CCCCFF CC66FF CC00FF 777777CCCCCC CC66CC CC00CC 666666CCCC99CC6699CC0099 555555CCCC66CC6666CC0066 444444CCCC33CC6633CC0033 333333CCCC00CC6600CC0000 22222299CCFF9966FF9900FF 11111199CCCC9966CC9900CC 00000099CC99996699990099 FF000099CC66996666990066 EE000099CC33996633990033 DD000099CC00996600990000 CC000066CCFF6666FF6600FF BB000066CCCC6666CC6600CC AA000066CC99666699660099 99000066CC66666666660066 88000066CC33666633660033 77000066CC00666600660000 66000033CCFF3366FF3300FF 55000033CCCC3366CC3300CC 44000033CC99336699330099 33000033CC66336666330066 22000033CC33336633330033 11000033CC00336600330000 FFFFFF00CCFF0066FF0000FF FFFFCC00CCCC0066CC0000CC FFFF9900CC99006699000099 FFFF6600CC66006666000066 FFFF3300CC33006633000033 FFFF0000CC00006600000000 CCFFFF FF99FF FF33FF00FF00 CCFFCC FF99CC FF33CC00EE00 CCFF99FF9999FF339900DD00 CCFF66FF9966FF336600CC00CCFF33FF9933FF333300BB00 CCFF00FF9900FF330000AA00 99FFFF CC99FF CC33FF990099 99FFCC CC99CC CC33CC008800 99FF99CC9999CC339900770099FF99CC9999CC339900770099FF66CC9966CC336600660099FF33CC9933CC333300550099FF00CC9900CC330000440066FFFF9999FF9933FF00330066FFCC9999CC9933CC00220066FF9999999999339900110066FF669999669933660000FF66FF339999339933330000EE66FF009999009933000000DD33FFFF6699FF6633FF0000CC33FFCC6699CC6633CC0000BB33FF996699996633990000AA33FF6666996666336600009933FF3366993366333300008833FF0066990066330000007700FFFF3399FF3333FF00006600FFCC3399CC3333CC00005500FF9933999933339900004400FF6633996633336600003300FF3333993333333300002200FF003399003333000000110099FF0033FF0099CC0033CC009999003399009966003366009933003333009900003300颜⾊代码表(⼆):FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000 #FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044 #FFCCCC#FF8888#FF3333#FF0000#CC0000#AA0000#880000 #FFC8B4#FFA488#FF7744#FF5511#E63F00#C63300#A42D00 #FFDDAA#FFBB66#FFAA33#FF8800#EE7700#CC6600#BB5500 #FFEE99#FFDD55#FFCC22#FFBB00#DDAA00#AA7700#886600 #FFFFBB#FFFF77#FFFF33#FFFF00#EEEE00#BBBB00#888800 #EEFFBB#DDFF77#CCFF33#BBFF00#99DD00#88AA00#668800 #CCFF99#BBFF66#99FF33#77FF00#66DD00#55AA00#227700 #99FF99#66FF66#33FF33#00FF00#00DD00#00AA00#008800 #BBFFEE#77FFCC#33FFAA#00FF99#00DD77#00AA55#008844 #AAFFEE#77FFEE#33FFDD#00FFCC#00DDAA#00AA88#008866 #99FFFF#66FFFF#33FFFF#00FFFF#00DDDD#00AAAA#008888 #CCEEFF#77DDFF#33CCFF#00BBFF#009FCC#0088A8#007799 #CCDDFF#99BBFF#5599FF#0066FF#0044BB#003C9D#003377 #CCCCFF#9999FF#5555FF#0000FF#0000CC#0000AA#000088 #CCBBFF#9F88FF#7744FF#5500FF#4400CC#2200AA#220088 #D1BBFF#B088FF#9955FF#7700FF#5500DD#4400B3#3A0088 #E8CCFF#D28EFF#B94FFF#9900FF#7700BB#66009D#550088 #F0BBFF#E38EFF#E93EFF#CC00FF#A500CC#7A0099#660077 #FFB3FF#FF77FF#FF3EFF#FF0 0FF#CC00CC#990099#770077颜⾊代码表(三):酒红~鲜红顏⾊名稱代碼顏⾊maroon#800000 darkred#8B0000 brown#A52A2A firebrick#B22222 crimson#DC143C red#FF0000 桃紅~紛紅顏⾊名稱代碼顏⾊mediumvioletred#C71585 palevioletred#D87093 deeppink#FF1493 fuchsia(magenta)#FF00FF hotpink#FF69B4 pink#FFC0CB lightpink#FFB6C1 mistyrose#FFE4E1 lavenderblush#FFF0F5 紫顏⾊名稱代碼顏⾊indigo#4B0082 purple#800080 darkmagenta#8B008B darkorchid#9932CC blueviolet#8A2BE2 darkviolet#9400D3 slateblue#6A5ACD mediumpurple#9370DB mediumslateblue#7B68EE mediumorchid#BA55D3 violet#EE82EE plum#DDA0DD thistle#D8BFD8 lavender#E6E6FA 褐~橘~⽶⽩顏⾊名稱代碼顏⾊saddlebrown#8B4513 snna#A0522D chocolate#D2691E indianred#CD5C5C rosybrown#BC8F8F lightcorol#F08080 salmon#FA8072 salmon#FA8072 lightsalmon#FFA07A orangered#FF4500 tomato#FF6347 coral#FF7F50 darkorange#FF8C00 sandybrown#F4A460 peru#CD853F tan#D2B48C burlywood#DEB887 wheat#F5DEB3 moccasin#FFE4B5 navajowhite#FFDEAD peachpuff#FFDAB9 bisque#FFE4C4 antuquewhite#FAEBD7 papayawhip#FFEFD5 cornsilk#FFF8DC oldlace#FDF5E6 linen#FAF0E6 seashell#FFF5EE snow#FFFAFA floralwhite#FFFAF0 ivory#FFFFF0 mintcream#F5FFFA ⾦~⿈顏⾊名稱代碼顏⾊darkgoldenrod#B8860B goldenrod#DAA520 gold#FFD700 yellow#FFFF00 darkkhaki#BDB76B khaki#F0E68C palegoldenrod#EEE8AA beige#F5F5DC lemonchiffon#FFFACD lightgoldenrodyellow#FAFAD2 lightyellow#FFFFE0 ~⿈綠顏⾊名稱代碼顏⾊darkslategray#2F4F4F darkolivegreen#556B2F olive#808000 darkgreen#006400 forestgreen#228B22 seagreen#2E8B57 green(teal)#008080 lightseagreen#20B2AA madiumaquamarine#66CDAA mediumseagreen#3CB371 darkseagreen#8FBC8F yellowgreen#9ACD32 limegreen#32CD32 lime#00FF00 chartreuse#7FFF00 lawngreen#7CFC00 greenyellow#ADFF2F mediumspringgreen#00FA9A springgreen#00FF7F lightgreen#90EE90 palegreen#98F898 aquamarine#7FFFD4 honeydew#F0FFF0 藍顏⾊名稱代碼顏⾊midnightblue#191970 navy#000080 darkblue#00008B darkslateblue#483D8B mediumblue#0000CD royalblue#4169E1 dodgerblue#1E90FF cornflowerblue#6495ED deepskyblue#00BFFF lightskyblue#87CEFA lightsteelblue#B0C4DE lightblue#ADD8E6 steelblue#4682B4 darkcyan#008B8B cadetblue#5F9EA0 darkturquoise#00CED1 mediumturquoise#48D1CC turquoise#40E0D0 skyblue#87CECB powderblue#B0E0E6 paleturquoise#AFEEEE lightcyan#E0FFFF azure#F0FFFF aliceblue#F0F8FF aqua(cyan)#00FFFF ⿊~灰~⽩顏⾊名稱代碼顏⾊black#000000 dimgray#696969 gray#808080 slategray#708090 lightslategray#778899 darkgray#A9A9A9 silver#C0C0C0 lightgray#D3D3D3 gainsboro#DCDCDC whitesmoke#F5F5F5 ghostwhite#F8F8FF white#FFFFFF颜⾊代码表(四):#FFFFFF#FFFFF0#FFFFE0#FFFF00 #FFFAFA#FFFAF0#FFFACD#FFF8DC #FFF68F#FFF5EE#FFF0F5#FFEFDB #FFEFD5#FFEC8B#FFEBCD#FFE7BA #FFE4E1#FFE4C4#FFE4B5#FFE1FF #FFDEAD#FFDAB9#FFD700#FFD39B #FFC1C1#FFC125#FFC0CB#FFBBFF #FFB90F#FFB6C1#FFB5C5#FFAEB9 #FFA54F#FFA500#FFA07A#FF8C69 #FF8C00#FF83FA#FF82AB#FF8247 #FF7F50#FF7F24#FF7F00#FF7256 #FF6EB4#FF6A6A#FF69B4#FF6347 #FF4500#FF4040#FF3E96#FF34B3 #FF3030#FF1493#FF00FF#FF0000 #FDF5E6#FCFCFC#FAFAFA#FAFAD2 #FAF0E6#FAEBD7#FA8072#F8F8FF #F7F7F7#F5FFFA#F5F5F5#F5F5DC #F5DEB3#F4F4F4#F4A460#F2F2F2#F0FFFF#F0FFF0#F0F8FF#F0F0F0 #F0E68C#F08080#EEEEE0#EEEED1#EEEE00#EEE9E9#EEE9BF#EEE8CD#EEE8AA#EEE685#EEE5DE#EEE0E5#EEDFCC#EEDC82#EED8AE#EED5D2#EED5B7#EED2EE#EECFA1#EECBAD#EEC900#EEC591#EEB4B4#EEB422#EEAEEE#EEAD0E#EEA9B8#EEA2AD#EE9A49#EE9A00#EE9572#EE82EE#EE8262#EE7AE9#EE799F#EE7942#EE7621#EE7600#EE6AA7#EE6A50#EE6363#EE5C42#EE4000#EE3B3B#EE3A8C#EE30A7#EE2C2C#EE1289#EE00EE#EE0000#EDEDED#EBEBEB#EAEAEA#E9967A#E8E8E8#E6E6FA#E5E5E5#E3E3E3#E0FFFF#E0EEEE#E0EEE0#E0E0E0#E066FF#DEDEDE#DEB887#DDA0DD#DCDCDC#DC143C#DBDBDB#DB7093#DAA520#DA70D6#D9D9D9#D8BFD8#D6D6D6#D4D4D4#D3D3D3#D2B48C#D2691E#D1EEEE#D1D1D1#D15FEE#D02090#CFCFCF#CDCDC1#CDCDB4#CDCD00#CDC9C9#CDC9A5#CDC8B1#CDC673#CDC5BF#CDC9A5#CDC8B1#CDC673#CDC5BF #CDC1C5#CDC0B0#CDBE70#CDBA96 #CDB7B5#CDB79E#CDB5CD#CDB38B #CDAF95#CDAD00#CDAA7D#CD9B9B #CD9B1D#CD96CD#CD950C#CD919E #CD8C95#CD853F#CD8500#CD8162 #CD7054#CD69C9#CD6889#CD6839 #CD661D#CD6600#CD6090#CD5C5C #CD5B45#CD5555#CD4F39#CD3700 #CD3333#CD3278#CD2990#CD2626 #CD1076#CD00CD#CD0000#CCCCCC #CAFF70#CAE1FF#C9C9C9#C7C7C7 #C71585#C6E2FF#C67171#C5C1AA #C4C4C4#C2C2C2#C1FFC1#C1CDCD #C1CDC1#C1C1C1#C0FF3E#BFEFFF #BFBFBF#BF3EFF#BEBEBE#BDBDBD #BDB76B#BCEE68#BCD2EE#BC8F8F #BBFFFF#BABABA#BA55D3#B9D3EE #B8B8B8#B8860B#B7B7B7#B5B5B5 #B4EEB4#B4CDCD#B452CD#B3EE3A #B3B3B3#B2DFEE#B23AEE#B22222 #B0E2FF#B0E0E6#B0C4DE#B0B0B0 #B03060#AEEEEE#ADFF2F#ADD8E6 #ADADAD#ABABAB#AB82FF#AAAAAA #A9A9A9#A8A8A8#A6A6A6#A52A2A #A4D3EE#A3A3A3#A2CD5A#A2B5CD #A1A1A1#A0522D#A020F0#9FB6CD #9F79EE#9E9E9E#9C9C9C#9BCD9B #9B30FF#9AFF9A#9ACD32#9AC0CD #9A32CD#999999#9932CC#98FB98 #98F5FF#97FFFF#96CDCD#969696 #949494#9400D3#9370DB#919191 #912CEE#90EE90#8FBC8F#8F8F8F #8EE5EE#8E8E8E#8E8E38#8E388E #8DEEEE#8DB6CD#8C8C8C#8B8B83 #8B8B7A#8B8B00#8B8989#8B8970 #8B8878#8B8682#8B864E#8B8386 #8B8378#8B814C#8B7E66#8B7D7B #8B7D6B#8B7B8B#8B795E#8B7765 #8B7500#8B7355#8B6969#8B6914 #8B668B#8B6508#8B636C#8B5F65 #8B5A2B#8B5A00#8B5742#8B4C39 #8B4789#8B475D#8B4726#8B4513 #8B4500#8B3E2F#8B3A62#8B3A3A #8B3626#8B2500#8B2323#8B2252#8B1C62#8B1A1A#8B0A50#8B008B #8B0000#8A8A8A#8A2BE2#8968CD #87CEFF#87CEFA#87CEEB#878787 #858585#848484#8470FF#838B8B #838B83#836FFF#828282#7FFFD4 #7FFF00#7F7F7F#7EC0EE#7D9EC0 #7D7D7D#7D26CD#7CFC00#7CCD7C #7B68EE#7AC5CD#7A8B8B#7A7A7A #7A67EE#7A378B#79CDCD#787878 #778899#76EEC6#76EE00#757575 #737373#71C671#7171C6#708090 #707070#6E8B3D#6E7B8B#6E6E6E #6CA6CD#6C7B8B#6B8E23#6B6B6B #6A5ACD#698B69#698B22#696969 #6959CD#68838B#68228B#66CDAA #66CD00#668B8B#666666#6495ED #63B8FF#636363#616161#607B8B #5F9EA0#5E5E5E#5D478B#5CACEE #5C5C5C#5B5B5B#595959#575757 #556B2F#555555#551A8B#54FF9F #548B54#545454#53868B#528B8B #525252#515151#4F94CD#4F4F4F #4EEE94#4D4D4D#4B0082#4A708B #4A4A4A#48D1CC#4876FF#483D8B #474747#473C8B#4682B4#458B74 #458B00#454545#43CD80#436EEE #424242#4169E1#40E0D0#404040 #3D3D3D#3CB371#3B3B3B#3A5FCD #388E8E#383838#36648B#363636 #333333#32CD32#303030#2F4F4F #2E8B57#2E2E2E#2B2B2B#292929 #282828#27408B#262626#242424 #228B22#218868#212121#20B2AA #1F1F1F#1E90FF#1E1E1E#1C86EE #1C1C1C#1A1A1A#191970#1874CD #171717#141414#121212#104E8B #0F0F0F#0D0D0D#0A0A0A#080808 #050505#030303#00FFFF#00FF7F #00FF00#00FA9A#00F5FF#00EEEE #00EE76#00EE00#00E5EE#00CED1 #00CDCD#00CD66#00CD00#00C5CD #00BFFF#00B2EE#009ACD#008B8B #008B45#008B00#00868B#00688B #006400#0000FF#0000EE#0000CD #0000AA#00008B#000080#00000颜⾊代码表(五):红⾊和粉红⾊,以及它们的16进制代码。
常⽤⽹站颜⾊代码,字体等#FFB6C1 LightPink 浅粉红#FFC0CB Pink 粉红#DC143C Crimson 深红/猩红#FFF0F5 LavenderBlush 淡紫红#DB7093 PaleVioletRed 弱紫罗兰红#FF69B4 HotPink 热情的粉红#FF1493 DeepPink 深粉红#C71585 MediumVioletRed 中紫罗兰红#DA70D6 Orchid 暗紫⾊/兰花紫#D8BFD8 Thistle 蓟⾊#DDA0DD Plum 洋李⾊/李⼦紫#EE82EE Violet 紫罗兰#FF00FF Magenta 洋红/玫瑰红#FF00FF Fuchsia 紫红/灯笼海棠#8B008B DarkMagenta 深洋红#800080 Purple 紫⾊#BA55D3 MediumOrchid 中兰花紫#9400D3 DarkViolet 暗紫罗兰#9932CC DarkOrchid 暗兰花紫#4B0082 Indigo 靛青/紫兰⾊#8A2BE2 BlueViolet 蓝紫罗兰#9370DB MediumPurple 中紫⾊#7B68EE MediumSlateBlue 中暗蓝⾊/中板岩蓝#6A5ACD SlateBlue ⽯蓝⾊/板岩蓝#483D8B DarkSlateBlue 暗灰蓝⾊/暗板岩蓝#E6E6FA Lavender 淡紫⾊/熏⾐草淡紫#F8F8FF GhostWhite 幽灵⽩#0000FF Blue 纯蓝#0000CD MediumBlue 中蓝⾊#191970 MidnightBlue 午夜蓝#00008B DarkBlue 暗蓝⾊#000080 Navy 海军蓝#4169E1 RoyalBlue 皇家蓝/宝蓝#6495ED CornflowerBlue ⽮车菊蓝#B0C4DE LightSteelBlue 亮钢蓝#778899 LightSlateGray 亮蓝灰/亮⽯板灰#708090 SlateGray 灰⽯⾊/⽯板灰#1E90FF DodgerBlue 闪兰⾊/道奇蓝#F0F8FF AliceBlue 爱丽丝蓝#4682B4 SteelBlue 钢蓝/铁青#87CEFA LightSkyBlue 亮天蓝⾊#87CEEB SkyBlue 天蓝⾊#00BFFF DeepSkyBlue 深天蓝#ADD8E6 LightBlue 亮蓝#B0E0E6 PowderBlue 粉蓝⾊/⽕药青#5F9EA0 CadetBlue 军兰⾊/军服蓝#F0FFFF Azure 蔚蓝⾊#E0FFFF LightCyan 淡青⾊#AFEEEE PaleTurquoise 弱绿宝⽯#00FFFF Cyan 青⾊#00FFFF Aqua 浅绿⾊/⽔⾊#00CED1 DarkTurquoise 暗绿宝⽯#2F4F4F DarkSlateGray 暗⽡灰⾊/暗⽯板灰#008B8B DarkCyan 暗青⾊#008080 Teal ⽔鸭⾊#48D1CC MediumTurquoise 中绿宝⽯#20B2AA LightSeaGreen 浅海洋绿#40E0D0 Turquoise 绿宝⽯#7FFFD4 Aquamarine 宝⽯碧绿#66CDAA MediumAquamarine 中宝⽯碧绿#00FA9A MediumSpringGreen 中春绿⾊#F5FFFA MintCream 薄荷奶油#00FF7F SpringGreen 春绿⾊#3CB371 MediumSeaGreen 中海洋绿#2E8B57 SeaGreen 海洋绿#F0FFF0 Honeydew 蜜⾊/蜜⽠⾊#90EE90 LightGreen 淡绿⾊#98FB98 PaleGreen 弱绿⾊#8FBC8F DarkSeaGreen 暗海洋绿#32CD32 LimeGreen 闪光深绿#00FF00 Lime 闪光绿#228B22 ForestGreen 森林绿#008000 Green 纯绿#006400 DarkGreen 暗绿⾊#7FFF00 Chartreuse 黄绿⾊/查特酒绿#7CFC00 LawnGreen 草绿⾊/草坪绿#ADFF2F GreenYellow 绿黄⾊#556B2F DarkOliveGreen 暗橄榄绿#9ACD32 YellowGreen 黄绿⾊#6B8E23 OliveDrab 橄榄褐⾊#F5F5DC Beige ⽶⾊/灰棕⾊#FAFAD2 LightGoldenrodYellow 亮菊黄#FFFFF0 Ivory 象⽛⾊#FFFFE0 LightYellow 浅黄⾊#FFFF00 Yellow 纯黄#808000 Olive 橄榄#BDB76B DarkKhaki 暗黄褐⾊/深卡叽布#FFFACD LemonChiffon 柠檬绸#EEE8AA PaleGoldenrod 灰菊黄/苍麒麟⾊#F0E68C Khaki 黄褐⾊/卡叽布#FFD700 Gold ⾦⾊#FFF8DC Cornsilk ⽟⽶丝⾊#DAA520 Goldenrod ⾦菊黄#B8860B DarkGoldenrod 暗⾦菊黄#FFFAF0 FloralWhite 花的⽩⾊#FDF5E6 OldLace ⽼花⾊/旧蕾丝#F5DEB3 Wheat 浅黄⾊/⼩麦⾊#FFE4B5 Moccasin ⿅⽪⾊/⿅⽪靴#FFA500 Orange 橙⾊#FFEFD5 PapayaWhip 番⽊⾊/番⽊⽠#FFEBCD BlanchedAlmond ⽩杏⾊#FFDEAD NavajoWhite 纳⽡⽩/⼟著⽩#FAEBD7 AntiqueWhite 古董⽩#D2B48C Tan 茶⾊#DEB887 BurlyWood 硬⽊⾊#FFE4C4 Bisque 陶坯黄#FF8C00 DarkOrange 深橙⾊#FAF0E6 Linen 亚⿇布#CD853F Peru 秘鲁⾊#FFDAB9 PeachPuff 桃⾁⾊#F4A460 SandyBrown 沙棕⾊#D2691E Chocolate 巧克⼒⾊#8B4513 SaddleBrown 重褐⾊/马鞍棕⾊#FFF5EE Seashell 海贝壳#A0522D Sienna 黄⼟赭⾊#FFA07A LightSalmon 浅鲑鱼⾁⾊#FF7F50 Coral 珊瑚#FF4500 OrangeRed 橙红⾊#E9967A DarkSalmon 深鲜⾁/鲑鱼⾊#FF6347 Tomato 番茄红#FFE4E1 MistyRose 浅玫瑰⾊/薄雾玫瑰#FA8072 Salmon 鲜⾁/鲑鱼⾊#FFFAFA Snow 雪⽩⾊#F08080 LightCoral 淡珊瑚⾊#BC8F8F RosyBrown 玫瑰棕⾊#CD5C5C IndianRed 印度红#FF0000 Red 纯红#A52A2A Brown 棕⾊#B22222 FireBrick ⽕砖⾊/耐⽕砖#8B0000 DarkRed 深红⾊#800000 Maroon 栗⾊#FFFFFF White 纯⽩#F5F5F5 WhiteSmoke ⽩烟#DCDCDC Gainsboro 淡灰⾊#D3D3D3 LightGrey 浅灰⾊#C0C0C0 Silver 银灰⾊#A9A9A9 DarkGray 深灰⾊#808080 Gray 灰⾊#696969 DimGray 暗淡灰#000000 Black 纯⿊⼆、CSS字体,字体⼤⼩设置html, body { background:#FFF; color:#000; margin:0px; padding:0px; font-family: arial, "lucida console", sans-serif; font-size: 9pt; }。
1 colorv<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>Color Name</title><!--描述:用颜色名称来指定颜色。
参阅:颜色关键字--><style>body{background-color: deepskyblue;}.foreground{color: red;}.background{background-color: gray;}</style></head><body><ul class="test"><li class="foreground">红色的文字</li><li class="background">灰色的背景</li> </ul></body></html>2 hex<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>HEX(#RRGGBB)</title><!--描述:十六进制记法以上三个参数,取值范围为:00 - FF。
参数必须是两位数。
对于只有一位的,应在前面补零。
如果每个参数各自在两位上的数字都相同,那么本单位也可缩写为#RGB 的方式。
例如:#FF8800 可以缩写为 #F80。
此色彩模式与RGB色彩模式不同。
语法:#RRGGBB 或 #RGB取值:RR:红色值。
常用css颜色CSS颜色是指在CSS样式表中使用的颜色值。
CSS颜色值可以使用颜色名称、十六进制颜色值、RGB颜色值、HSL颜色值等表示。
其中,使用颜色名称表示的颜色值比较常用且易于记忆,以下是常用的CSS 颜色名称列表:1.黑色:#000000(RGB(0,0,0))2.白色:#FFFFFF(RGB(255,255,255))3.红色:#FF0000(RGB(255,0,0))4.橙色:#FFA500(RGB(255,165,0))5.黄色:#FFFF00(RGB(255,255,0))6.绿色:#008000(RGB(0,128,0))7.蓝色:#0000FF(RGB(0,0,255))8.靛蓝色:#4B0082(RGB(75,0,130))9.紫色:#800080(RGB(128,0,128))10.粉色:#FFC0CB(RGB(255,192,203))11.棕色:#A52A2A(RGB(165,42,42))12.灰色:#808080(RGB(128,128,128))13.银色:#C0C0C0(RGB(192,192,192))14.金色:#FFD700(RGB(255,215,0))15.深蓝色:#000080(RGB(0,0,128))这些颜色名称在编写CSS样式表时比较常用,可以快速设置页面元素的背景色、文本颜色、边框颜色等。
当然,除了这些颜色名称外,还可以使用十六进制颜色值、RGB颜色值、HSL颜色值等其他方式来表示颜色。
总之,掌握常用的CSS颜色名称是编写CSS样式表的基础。
在实际开发中,开发者应该根据具体情况选择合适的颜色值,并灵活使用各种表示颜色的方式,以满足页面的设计需求。
7-29-19-css 常用颜色值在 CSS 中,你可以使用各种不同的颜色值来设置元素的文本颜色、背景颜色和边框颜色等。
以下是一些常用的颜色值的示例:颜色关键词:CSS 提供了一些命名的颜色关键词,如 "red"(红色)、"blue"(蓝色)、"green"(绿色)、"yellow"(黄色)等。
color: red;background-color: lightblue;border: 2px solid green;十六进制颜色值:你可以使用十六进制表示法来定义颜色。
它通常由一个井号(#)后跟六个十六进制数字组成,代表红色、绿色和蓝色(RGB)的组合。
例如,"#FF0000" 表示纯红色,"#00FF00" 表示纯绿色,"#0000FF" 表示纯蓝色。
color: #FF0000; /* 红色 */background-color: #00FF00; /* 绿色 */border: 2px solid #0000FF; /* 蓝色 */RGB 函数:你可以使用 rgb() 函数来定义颜色,它接受红色、绿色和蓝色的值,每个值的范围在 0 到 255 之间。
color: rgb(255, 0, 0); /* 红色 */background-color: rgb(0, 255, 0); /* 绿色 */border: 2px solid rgb(0, 0, 255); /* 蓝色 */RGBA 函数:类似于 rgb(),你可以使用 rgba() 函数来定义颜色,不同之处在于它还接受一个表示不透明度的值,范围在 0 到 1 之间。
这允许你定义半透明颜色。
color: rgba(255, 0, 0, 0.5); /* 半透明红色 */background-color: rgba(0, 255, 0, 0.7); /* 半透明绿色 */ HSL 函数:HSL(色相、饱和度、亮度)颜色表示法允许你基于色相、饱和度和亮度的值来定义颜色。
0CSS 颜色大全css 字体颜色CSS 颜色大全css 字体颜色,将颜色代码代替css里面的颜色,就可以。
div中控制某段字体颜色html代码div id=sidebar spanCSS 颜色大全css 字体颜色/span/div CSS文件#sidebar { } #sidebar .span{ color:#••你正在观看的是:CSS 颜色大全css 字体颜色CSS 颜色大全css 字体颜色,将颜色代码代替css里面的颜色,就可以。
div中控制某段字体颜色html代码<div id="sidebar"><span>CSS 颜色大全css 字体颜色</span></div>CSS文件#sidebar { }#sidebar .span{ color:#FF0000 }1 白色#FFFFFF2 红色#FF00003 绿色#00FF004 蓝色#0000FF5 牡丹红#FF00FF6 青色#00FFFF7 黄色#FFFF008 黑色#0000009 海蓝#70DB93 10 巧克力色#5C331711 蓝紫色#9F5F9F 12 黄铜色#B5A64213 亮金色#D9D91914 棕色#A67D3D15 青铜色#8C785316 2号青铜色#A67D3D 17 士官服蓝色#5F9F9F18 冷铜色#D9871919 铜色#B8733320 珊瑚红#FF7F0021 紫蓝色#42426F 22 深棕#5C403323 深绿#2F4F2F24 深铜绿色#4A766E25 深橄榄绿#4F4F2F26 深兰花色#9932CD 27 深紫色#871F7828 深石板蓝#6B238E29 深铅灰色#2F4F4F30 深棕褐色#97694F32 深绿松石色#7093DB 32 深绿松石色#7093DB33 暗木色#855E4234 淡灰色#54545435 土灰玫瑰红色#85636336 长石色#D19275 37 火砖色#8E232362 褐红色#8E236B63 中海蓝色#32CD9964 中蓝色#3232CD65 中森林绿#6B8E23 66 中鲜黄色#EAEAAE67 中兰花色#9370DB68 中海绿色#426F4269 中石板蓝色#7F00FF70 中春绿色#7FFF00 71 中绿松石色#70DBDB72 中紫红色#DB709373 中木色#A6806474 深藏青色#2F2F4F75 海军蓝#23238E 76 霓虹篮#4D4DFF77 霓虹粉红#FF6EC778 新深藏青色#00009C79 新棕褐色#EBC79E80 暗金黄色#CFB53B 81 橙色#FF7F0082 橙红色#FF240083 淡紫色#DB70DB84 浅绿色#8FBC8F85 粉红色#BC8F8F 86 李子色#EAADEA87 石英色#D9D9F388 艳蓝色#5959AB89 鲑鱼色#6F424290 猩红色#BC1717 91 海绿色#238E6892 半甜巧克力色#6B422693 赭色#8E6B2394 银色#E6E8FA95 天蓝#3299CC 96 石板蓝#007FFF97 艳粉红色#FF1CAE98 春绿色#00FF7F99 钢蓝色#236B8E100 亮天蓝色#38B0DE 101 棕褐色#DB9370102 紫红色#D8BFD8103 石板蓝色#ADEAEA104 浓深棕色#5C4033105 淡浅灰色#CDCDCD 106 紫罗兰色#4F2F4F107 紫罗兰红色#CC3299108 麦黄色#D8D8BF109 黄绿色#99CCcss样式大全(整理版)字体属性:(font)大小{font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式{font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高{line-height: normal;}(正常) 单位:PX、PD、EM粗细{font-weight: bold;}(粗体) lighter;(细体) normal;(正常)变体{font-variant: small-caps;}(小型大写字母) normal;(正常)大小写{text-transform: capitalize;}(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)修饰{text-decoration: underline;}(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)常用字体:(font-family)"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana背景属性:(background)色彩{background-color: #FFFFFF;}图片{background-image: url();}重复{background-repeat: no-repeat;}滚动{background-attachment: fixed;}(固定) scroll;(滚动)位置{background-position: left;}(水平) top(垂直);简写方法{background:#000 url(..) repeat fixed left top;} /*简写·这个在阅读代码中经常出现,要认真的研究*/区块属性:(Block) /*这个属性第一次认识,要多多研究*/字间距{letter-spacing: normal;} 数值/*这个属性似乎有用,多实践下*/对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中)缩进{text-indent: 数值px;}垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom;词间距word-spacing: normal; 数值空格white-space: pre;(保留) nowrap;(不换行)显示{display:block;}(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) /*display 属性的了解很模糊*/方框属性:(Box)width:; height:; float:; clear:both; margin:; padding:; 顺序:上右下左边框属性:(Border)border-style: dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset;border-width:; 边框宽度border-color:#;简写方法border:width style color; /*简写*/列表属性:(List-style)类型list-style-type: disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;位置list-style-position: outside;(外) inside;图像list-style-image: url(..);定位属性:(Position)Position: absolute; relative; static;visibility: inherit; visible; hidden;overflow: visible; hidden; scroll; auto;clip: rect(12px,auto,12px,auto) (裁切)css属性代码大全一CSS文字属性:color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-variant:small-caps; /*小字体*/letter-spacing : 1pt; /*字间距离*/line-height : 200%; /*设置行高*/font-weight:bold; /*文字粗体*/vertical-align:sub; /*下标字*/vertical-align:super; /*上标字*/text-decoration:line-through; /*加删除线*/text-decoration: overline; /*加顶线*/text-decoration:underline; /*加下划线*/text-decoration:none; /*删除链接下划线*/text-transform : capitalize; /*首字大写*/text-transform : uppercase; /*英文大写*/text-transform : lowercase; /*英文小写*/text-align:right; /*文字右对齐*/text-align:left; /*文字左对齐*/text-align:center; /*文字居中对齐*/text-align:justify; /*文字分散对齐*/vertical-align属性vertical-align:top; /*垂直向上对齐*/vertical-align:bottom; /*垂直向下对齐*/vertical-align:middle; /*垂直居中对齐*/vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白padding-top:10px; /*上边框留空白*/padding-right:10px; /*右边框留空白*/padding-bottom:10px; /*下边框留空白*/padding-left:10px; /*左边框留空白三、CSS符号属性:list-style-type:none; /*不编号*/list-style-type:decimal; /*阿拉伯数字*/list-style-type:lower-roman; /*小写罗马数字*/list-style-type:upper-roman; /*大写罗马数字*/list-style-type:lower-alpha; /*小写英文字母*/list-style-type:upper-alpha; /*大写英文字母*/list-style-type:disc; /*实心圆形符号*/list-style-type:circle; /*空心圆形符号*/list-style-type:square; /*实心方形符号*/list-style-image:url(/dot.gif); /*图片式符号*/list-style-position: outside; /*凸排*/list-style-position:inside; /*缩进*/四、CSS背景样式:background-color:#F5E2EC; /*背景颜色*/ background:transparent; /*透视背景*/ background-image : url(/image/bg.gif); /*背景图片*/ background-attachment : fixed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/background-repeat : no-repeat; /*不重复排列*/background-repeat : repeat-x; /*在x轴重复排列*/ background-repeat : repeat-y; /*在y轴重复排列*/指定背景位置background-position : 90% 90%; /*背景图片x与y轴的位置*/ background-position : top; /*向上对齐*/background-position : buttom; /*向下对齐*/background-position : left; /*向左对齐*/background-position : right; /*向右对齐*/background-position : center; /*居中对齐*/五、CSS连接属性:a /*所有超链接*/a:link /*超链接文字格式*/a:visited /*浏览过的链接文字格式*/a:active /*按下链接的格式*/a:hover /*鼠标转到链接*/鼠标光标样式:链接手指CURSOR: hand十字体cursor:crosshair箭头朝下cursor:s-resize十字箭头cursor:move箭头朝右cursor:move加一问号cursor:help箭头朝左cursor:w-resize箭头朝上cursor:n-resize箭头朝右上cursor:ne-resize箭头朝左上cursor:nw-resize文字I型cursor:text箭头斜右下cursor:se-resize箭头斜左下cursor:sw-resize漏斗cursor:wait光标图案(IE6) p {cursor:url("光标文件名.cur"),text;}六、CSS框线一览表:border-top : 1px solid #6699cc; /*上框线*/border-bottom : 1px solid #6699cc; /*下框线*/border-left : 1px solid #6699cc; /*左框线*/border-right : 1px solid #6699cc; /*右框线*/以上是建议书写方式,但也可以使用常规的方式如下: border-top-color : #369 /*设置上框线top颜色*/border-top-width :1px /*设置上框线top宽度*/border-top-style : solid/*设置上框线top样式*/其他框线样式solid /*实线框*/dotted /*虚线框*/double /*双线框*/groove /*立体内凸框*/ridge /*立体浮雕框*/inset /*凹框*/outset /*凸框*/七、CSS表单运用:文字方块按钮复选框选择钮多行文字方块下拉式菜单选项1选项2八、CSS边界样式:margin-top:10px; /*上边界*/margin-right:10px; /*右边界值*/margin-bottom:10px; /*下边界值*/margin-left:10px; /*左边界值*/CSS 属性:字体样式(Font Style)序号中文说明标记语法1 字体样式{font:font-style font-variant font-weight font-size font-family}2 字体类型{font-family:"字体1","字体2","字体3",...}3 字体大小{font-size:数值|inherit| medium| large| larger| x-large| xx-large| small| smaller| x-small| xx-small}4 字体风格{font-style:inherit|italic|normal|oblique}5 字体粗细{font-weight:100-900|bold|bolder|lighter|normal;}6 字体颜色{color:数值;}7 阴影颜色{text-shadow:16位色值}8 字体行高{line-height:数值|inherit|normal;}9 字间距{letter-spacing:数值|inherit|normal}10 单词间距{word-spacing:数值|inherit|normal}11 字体变形{font-variant:inherit|normal|small-cps }12 英文转换{text-transform:inherit|none|capitalize|uppercase|lowercase}13 字体变形{font-size-adjust:inherit|none}14 字体{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|no rmal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}文本样式(Text Style)序号中文说明标记语法1 行间距{line-height:数值|inherit|normal;}2 文本修饰{text-decoration:inherit|none|underline|overline|line-through|blink}3 段首空格{text-indent:数值|inherit}4 水平对齐{text-align:left|right|center|justify}5 垂直对齐{vertical-align:inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}6 书写方式{writing-mode:lr-tb|tb-rl}背景样式序号中文说明标记语法1 背景颜色{background-color:数值}2 背景图片{background-image: url(URL)|none}3 背景重复{background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4 背景固定{background-attachment:fixed|scroll}5 背景定位{background-position:数值|top|bottom|left|right|center}6 背影样式{background:背景颜色|背景图象|背景重复|背景附件|背景位置}框架样式(Box Style)序号中文说明标记语法1 边界留白{margin:margin-top margin-right margin-bottom margin-left}2 补白{padding:padding-top padding-right padding-bottom padding-left}3 边框宽度{border-width:border-top-width border-right-width border-bottom-width border-left-width}宽度值:thin|medium|thick|数值4 边框颜色{border-color:数值数值数值数值}数值:分别代表top、right、bottom、left颜色值5 边框风格{border-style:none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}6 边框{border:border-width border-style color}上边框{border-top:border-top-width border-style color}右边框{border-right:border-right-width border-style color}下边框{border-bottom:border-bottom-width border-style color}左边框{border-left:border-left-width border-style color}7 宽度{width:长度|百分比| auto}8 高度{height:数值|auto}9 漂浮{float:left|right|none}10 清除{clear:none|left|right|both}分类列表序号中文说明标记语法1 控制显示{display:none|block|inline|list-item}2 控制空白{white-space:normal|pre|nowarp}3 符号列表{list-style-type:disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper -alpha|none}4 图形列表{list-style-image:URL}5 位置列表{list-style-position:inside|outside}6 目录列表{list-style:目录样式类型|目录样式位置|url}7鼠标形状{cursor:hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resiz e|sw-resize}来自:。
css颜色代码大全CSS颜色代码大全。
在网页设计中,颜色是非常重要的元素之一,它可以直接影响到用户的视觉体验和情感交流。
而在CSS中,我们可以通过颜色代码来定义元素的颜色,实现页面的美化和个性化。
本文将为大家介绍一些常用的CSS颜色代码,希望能够帮助大家更好地运用颜色,设计出更加吸引人的网页。
1. RGB颜色代码。
RGB颜色代码是由红色(Red)、绿色(Green)、蓝色(Blue)三种颜色通道组成的颜色模式。
在CSS中,我们可以使用RGB颜色代码来定义颜色,其格式为rgb(红色值, 绿色值, 蓝色值)。
例如,红色可以表示为rgb(255, 0, 0),绿色可以表示为rgb(0, 255, 0),蓝色可以表示为rgb(0, 0, 255)。
2. 十六进制颜色代码。
除了RGB颜色代码外,我们还可以使用十六进制颜色代码来定义颜色。
在CSS中,十六进制颜色代码由#符号和6位十六进制数字组成,每两位数字代表红、绿、蓝三种颜色通道的数值。
例如,红色可以表示为#FF0000,绿色可以表示为#00FF00,蓝色可以表示为#0000FF。
3. RGBA颜色代码。
RGBA颜色代码是在RGB颜色代码的基础上增加了一个alpha通道,用来表示颜色的透明度。
在CSS中,我们可以使用RGBA颜色代码来定义颜色,其格式为rgba(红色值, 绿色值, 蓝色值, 透明度值),透明度值的范围为0(完全透明)到1(完全不透明)。
例如,红色的半透明可以表示为rgba(255, 0, 0, 0.5)。
4. HSL颜色代码。
HSL颜色代码是由色相(Hue)、饱和度(Saturation)、亮度(Lightness)三个通道组成的颜色模式。
在CSS中,我们可以使用HSL颜色代码来定义颜色,其格式为hsl(色相值, 饱和度值, 亮度值),色相值的范围为0到360,饱和度值和亮度值的范围为0%到100%。
例如,红色可以表示为hsl(0, 100%, 50%)。
css常用颜色表CSS常用颜色表在网页设计中,颜色的选择是非常重要的,而CSS(层叠样式表)则为我们提供了丰富的颜色选项,可以让我们轻松实现丰富多彩的网页界面。
本文将介绍一些常用的CSS颜色值,帮助读者更好地理解和应用这些颜色。
1. RGB颜色值RGB(Red Green Blue)是一种用于表示颜色的标准,它通过组合红、绿、蓝三种基本色,可以得到各种颜色。
例如,RGB(255, 0, 0)表示红色,RGB(0, 255, 0)表示绿色,RGB(0, 0, 255)表示蓝色。
通过调整每个基本色的数值,我们可以得到任意其他的颜色。
2. 十六进制颜色值十六进制颜色值是另一种常用的表示颜色的方式,它使用0-9和A-F这16个字符来表示颜色的红、绿、蓝三个通道的数值。
例如,#FF0000表示红色,#00FF00表示绿色,#0000FF表示蓝色。
通过改变每个通道的数值,我们可以得到各种不同的颜色。
3. 常用颜色名除了使用RGB和十六进制颜色值,CSS还提供了一些常用的颜色名,这些颜色名可以直接在CSS代码中使用,而不需要具体的数值表示。
例如,red表示红色,green表示绿色,blue表示蓝色。
这些颜色名的好处是易于记忆和使用,可以提高开发效率。
4. RGBA颜色值RGBA(Red Green Blue Alpha)是一种与RGB类似的颜色表示方式,它多了一个Alpha通道用于表示透明度。
透明度的取值范围是0到1,0表示完全透明,1表示完全不透明。
例如,RGBA(255, 0, 0, 0.5)表示半透明的红色,即红色的颜色值为255,透明度为0.5。
5. HSL颜色值HSL(Hue Saturation Lightness)是一种基于色相、饱和度和亮度的颜色表示方式。
色相(Hue)表示颜色在色轮上的位置,取值范围是0到360;饱和度(Saturation)表示颜色的纯度,取值范围是0%到100%;亮度(Lightness)表示颜色的明暗程度,取值范围是0%到100%。
CSS颜色代码大全参照表CSS颜色代码是用来设置网页元素的颜色的一种方法。
在CSS中,可以使用多种方式来表示颜色,包括预定义的颜色名称、十六进制值、RGB值、HSL值等等。
下面是一个CSS颜色代码的大全参照表,包含了常用的颜色名称和对应的代码表示。
1. 预定义颜色名称:
- black: #000000
- silver: #C0C0C0
- gray: #808080
- white: #FFFFFF
- maroon: #800000
- red: #FF0000
- purple: #800080
- fuchsia: #FF00FF
- green: #008000
- lime: #00FF00
- olive: #808000
- yellow: #FFFF00
- navy: #000080
- blue: #0000FF
- teal: #008080
- aqua: #00FFFF
2. 十六进制颜色值:
十六进制颜色值由6位十六进制数字组成,前两位表示红色分量,中间两位表示绿色分量,最后两位表示蓝色分量。
每个分量的取值范围是00到FF,其中00
表示最小值,FF表示最大值。
例如,红色的十六进制颜色值是#FF0000,绿色的十六进制颜色值是#00FF00,蓝色的十六进制颜色值是#0000FF。
3. RGB颜色值:
RGB颜色值由三个数字组成,分别表示红色分量、绿色分量和蓝色分量。
每个
分量的取值范围是0到255,其中0表示最小值,255表示最大值。
例如,红色的RGB颜色值是rgb(255, 0, 0),绿色的RGB颜色值是rgb(0, 255, 0),蓝色的RGB颜色值是rgb(0, 0, 255)。
4. RGBA颜色值:
RGBA颜色值和RGB颜色值类似,只是在RGB颜色值的基础上添加了一个透明
度分量。
透明度分量的取值范围是0到1,其中0表示完全透明,1表示完全不透明。
例如,红色完全不透明的RGBA颜色值是rgba(255, 0, 0, 1),绿色半透明的RGBA颜色值是rgba(0, 255, 0, 0.5),蓝色完全透明的RGBA颜色值是rgba(0, 0, 255, 0)。
5. HSL颜色值:
HSL颜色值由三个数字组成,分别表示色相(Hue)、饱和度(Saturation)
和亮度(Lightness)。
色相的取值范围是0到360,饱和度和亮度的取值范围是
0%到100%。
例如,红色的HSL颜色值是hsl(0, 100%, 50%),绿色的HSL颜色值是
hsl(120, 100%, 50%),蓝色的HSL颜色值是hsl(240, 100%, 50%)。
6. HSLA颜色值:
HSLA颜色值和HSL颜色值类似,只是在HSL颜色值的基础上添加了一个透明度分量。
透明度分量的取值范围是0到1,其中0表示完全透明,1表示完全不透明。
例如,红色完全不透明的HSLA颜色值是hsla(0, 100%, 50%, 1),绿色半透明的HSLA颜色值是hsla(120, 100%, 50%, 0.5),蓝色完全透明的HSLA颜色值是hsla(240, 100%, 50%, 0)。