- 浏览: 128137 次
- 性别:
- 来自: 济南
文章分类
最新评论
-
bettersun:
我用的是Ubuntu16.04,实际应用的时候稍微和文中说的 ...
转:错误:找不到或无法加载主类的问题解决-Ubuntu15.04下的JAVA路 -
justin18:
分享了~~~
無法存取 IIS Metabase(转)
CSS颜色名称和值
CSS颜色名称和值
效果见附件或复制代码保存为HTML文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>CSS颜色名称和值</title> <style> BODY {background: #FFFFFF;text-align:center;} A:link {color: #80FF00} A:visited {color: #FF00FF} H1 {font-size: 24pt; font-family: arial} H2 {font-size: 18pt; font-family: arial} H3 {font-size: 14pt; font-family: arial} H5 {font-size: 10pt; font-family: arial} p {} /*div { height: 24px; width:400px;color:black; font-size:20px }*/ span {border-style:solid;border-width:1px;border-color:blue; color:white; } .main{ position: relative; width:820px; text-align:center; border-style:solid; border-width:1px; border-color:blue; } .left{ float:left; width: 400px; text-align:center; } .right{ margin-left: 410px; width: 400px; text-align:center; } .antiquewhite{ /*antiquewhite 古董白 #FAEBD7*/ background-color:antiquewhite; } .aqua{ /*aqua 浅绿色 #00FFFF*/ background-color:aqua; } .aquamarine{ /*aquamarine 碧绿色 #7FFFD4*/ background-color:aquamarine; } .azure{ /*azure 天蓝色 #F0FFFF*/ background-color:azure; } .beige{ /*beige 米色 #F5F5DC*/ background-color:beige; } .bisque{ /*bisque 桔黄色 #FFE4C4*/ background-color:bisque; } .black{ /*black 黑色 #000000*/ background-color:black;color:white; } .blanchedalmond{ /*blanchedalmond 白杏色 #FFEBCD*/ background-color:blanchedalmond; } .blue{ /*blue 蓝色 #0000FF*/ background-color:blue;color:white; } .blueviolet{ /*blueviolet 紫罗兰色 #8A2BE2*/ background-color:blueviolet; } .brown{ /*brown 褐色 #A52A2A*/ background-color:brown; color:white;} .burlywood{ /*burlywood 实木色 #DEB887*/ background-color:burlywood; } .cadetblue{ /*cadetblue 军兰色 #5F9EA0*/ background-color:cadetblue; } .chartreuse{ /*chartreuse 黄绿色 #7FFF00*/ background-color:chartreuse; } .chocolate{ /*chocolate 巧可力色 #D2691E*/ background-color:chocolate; } .coral{ /*coral 珊瑚色 #FF7F50*/ background-color:coral; } .cornflowerblue{ /*cornflowerblue 菊兰色 #6495ED*/ background-color:cornflowerblue; } .cornsilk{ /*cornsilk 米绸色 #FFF8DC*/ background-color:cornsilk; } .crimson{ /*crimson 暗深红色 #DC143C*/ background-color:crimson; } .cyan{ /*cyan 青色 #00FFFF*/ background-color:cyan; } .darkblue{ /*darkblue 暗蓝色 #00008B*/ background-color:darkblue; color:white;} .darkcyan{ /*darkcyan 暗青色 #008B8B*/ background-color:darkcyan; } .darkgoldenrod{ /*darkgoldenrod 暗金黄色 #B8860B*/ background-color:darkgoldenrod; } .darkgray{ /*darkgray 暗灰色 #A9A9A9*/ background-color:darkgray; } .darkgreen{ /*darkgreen 暗绿色 #006400*/ background-color:darkgreen;color:white; } .darkkhaki{ /*darkkhaki 暗黄褐色 #BDB76B*/ background-color:darkkhaki; } .darkmagenta{ /*darkmagenta 暗洋红 #8B008B*/ background-color:darkmagenta; } .darkolivegreen{ /*darkolivegreen 暗橄榄绿 #556B2F*/ background-color:darkolivegreen;color:white; } .darkorange{ /*darkorange 暗桔黄色 #FF8C00*/ background-color:darkorange; } .darkorchid{ /*darkorchid 暗紫色 #9932CC*/ background-color:darkorchid; } .darkred{ /*darkred 暗红色 #8B0000*/ background-color:darkred; color:white;} .darksalmon{ /*darksalmon 暗肉色 #E9967A*/ background-color:darksalmon; } .darkseagreen{ /*darkseagreen 暗海兰色 #8FBC8F*/ background-color:darkseagreen; } .darkslateblue{ /*darkslateblue 暗灰蓝色 #483D8B*/ background-color:darkslateblue; color:white;} .darkslategray{ /*darkslategray 墨绿色 #2F4F4F*/ background-color:darkslategray; color:white;} .darkturquoise{ /*darkturquoise 暗宝石绿 #00CED1*/ background-color:darkturquoise; } .darkviolet{ /*darkviolet 暗紫罗兰色 #9400D3*/ background-color:darkviolet; } .deeppink{ /*deeppink 深粉红色 #FF1493*/ background-color:deeppink; } .deepskyblue{ /*deepskyblue 深天蓝色 #00BFFF*/ background-color:deepskyblue; } .dimgray{ /*dimgray 暗灰色 #696969*/ background-color:dimgray;color:white; } .dodgerblue{ /*dodgerblue 闪兰色 #1E90FF*/ background-color:dodgerblue; } .firebrick{ /*firebrick 火砖色 #B22222*/ background-color:firebrick; color:white;} .floralwhite{ /*floralwhite 花白色 #FFFAF0*/ background-color:floralwhite; } .forestgreen{ /*forestgreen 森林绿 #228B22*/ background-color:forestgreen; color:white;} .fuchsia{ /*fuchsia 紫红色 #FF00FF*/ background-color:fuchsia; } .gainsboro{ /*gainsboro 淡灰色 #DCDCDC*/ background-color:gainsboro; } .ghostwhite{ /*ghostwhite 幽灵白 #F8F8FF*/ background-color:ghostwhite; } .gold{ /*gold 金色 #FFD700*/ background-color:gold; } .goldenrod{ /*goldenrod 金麒麟色 #DAA520*/ background-color:goldenrod; } .gray{ /*gray 灰色 #808080*/ background-color:gray; color:white;} .green{ /*green 绿色 #008000*/ background-color:green; color:white;} .greenyellow{ /*greenyellow 黄绿色 #ADFF2F*/ background-color:greenyellow; } .honeydew{ /*honeydew 蜜色 #F0FFF0*/ background-color:honeydew; } .hotpink{ /*hotpink 热粉红色 #FF69B4*/ background-color:hotpink; } .indianred{ /*indianred 印第安红 #CD5C5C*/ background-color:indianred; } .indigo{ /*indigo 靛青色 #4B0082*/ background-color:indigo; color:white;} .ivory{ /*ivory 象牙色 #FFFFF0*/ background-color:ivory; } .khaki{ /*khaki 黄褐色 #F0E68C*/ background-color:khaki; } .lavender{ /*lavender 淡紫色 #E6E6FA*/ background-color:lavender; } .lavenderblush{ /*lavenderblush 淡紫红 #FFF0F5*/ background-color:lavenderblush; } .lawngreen{ /*lawngreen 草绿色 #7CFC00*/ background-color:lawngreen; } .lemonchiffon{ /*lemonchiffon 柠檬绸色 #FFFACD*/ background-color:lemonchiffon; } .lightblue{ /*lightblue 亮蓝色 #ADD8E6*/ background-color:lightblue; } .lightcoral{ /*lightcoral 亮珊瑚色 #F08080*/ background-color:lightcoral; } .lightcyan{ /*lightcyan 亮青色 #E0FFFF*/ background-color:lightcyan; } .lightgoldenrodyellow{ /*lightgoldenrodyellow 亮金黄色 #FAFAD2*/ background-color:lightgoldenrodyellow; } .lightgreen{ /*lightgreen 亮绿色 #90EE90*/ background-color:lightgreen; } .lightgrey{ /*lightgrey 亮灰色 #D3D3D3*/ background-color:lightgrey; } .lightpink{ /*lightpink 亮粉红色 #FFB6C1*/ background-color:lightpink; } .lightsalmon{ /*lightsalmon 亮肉色 #FFA07A*/ background-color:lightsalmon; } .lightseagreen{ /*lightseagreen 亮海蓝色 #20B2AA*/ background-color:lightseagreen; } .lightskyblue{ /*lightskyblue 亮天蓝色 #87CEFA*/ background-color:lightskyblue; } .lightslategray{ /*lightslategray 亮蓝灰 #778899*/ background-color:lightslategray; } .lightsteelblue{ /*lightsteelblue 亮钢兰色 #B0C4DE*/ background-color:lightsteelblue; } .lightyellow{ /*lightyellow 亮黄色 #FFFFE0*/ background-color:lightyellow; } .lime{ /*lime 酸橙色 #00FF00*/ background-color:lime; } .limegreen{ /*limegreen 橙绿以 #32CD32*/ background-color:limegreen; } .linen{ /*linen 亚麻色 #FAF0E6*/ background-color:linen; } .magenta{ /*magenta 红紫色 #FF00FF*/ background-color:magenta; } .maroon{ /*maroon 粟色 #800000*/ background-color:maroon; } .mediumaquamarine{ /*mediumaquamarine 间绿色 #66CDAA*/ background-color:mediumaquamarine; } .mediumblue{ /*mediumblue 间兰色 #0000CD*/ background-color:mediumblue; } .mediumorchid{ /*mediumorchid 间紫色 #BA55D3*/ background-color:mediumorchid; } .mediumpurple{ /*mediumpurple 间紫色 #9370DB*/ background-color:mediumpurple; } .mediumseagreen{ /*mediumseagreen 间海蓝 #3CB371*/ background-color:mediumseagreen; } .mediumslateblue{ /*mediumslateblue 间暗蓝色 #7B68EE*/ background-color:mediumslateblue; } .mediumspringgreen{ /*mediumspringgreen 间春绿色 #00FA9A*/ background-color:mediumspringgreen; } .mediumturquoise{ /*mediumturquoise 间绿宝石 #48D1CC*/ background-color:mediumturquoise; } .mediumvioletred{ /*mediumvioletred 间紫罗兰色 #C71585*/ background-color:mediumvioletred; } .midnightblue{ /*midnightblue 中灰兰色 #191970*/ background-color:midnightblue; color:white;} .mintcream{ /*mintcream 薄荷色 #F5FFFA*/ background-color:mintcream; } .mistyrose{ /*mistyrose 浅玫瑰色 #FFE4E1*/ background-color:mistyrose; } .moccasin{ /*moccasin 鹿皮色 #FFE4B5*/ background-color:moccasin; } .navajowhite{ /*navajowhite 纳瓦白 #FFDEAD*/ background-color:navajowhite; } .navy{ /*navy 海军色 #000080*/ background-color:navy; color:white;} .oldlace{ /*oldlace 老花色 #FDF5E6*/ background-color:oldlace; } .olive{ /*olive 橄榄色 #808000*/ background-color:olive; } .olivedrab{ /*olivedrab 深绿褐色 #6B8E23*/ background-color:olivedrab; } .orange{ /*orange 橙色 #FFA500*/ background-color:orange; } .orangered{ /*orangered 红橙色 #FF4500*/ background-color:orangered; } .orchid{ /*orchid 淡紫色 #DA70D6*/ background-color:orchid; } .palegoldenrod{ /*palegoldenrod 苍麒麟色 #EEE8AA*/ background-color:palegoldenrod; } .palegreen{ /*palegreen 苍绿色 #98FB98*/ background-color:palegreen; } .paleturquoise{ /*paleturquoise 苍宝石绿 #AFEEEE*/ background-color:paleturquoise; } .palevioletred{ /*palevioletred 苍紫罗兰色 #DB7093*/ background-color:palevioletred; } .papayawhip{ /*papayawhip 番木色 #FFEFD5*/ background-color:papayawhip; } .peachpuff{ /*peachpuff 桃色 #FFDAB9*/ background-color:peachpuff; } .peru{ /*peru 秘鲁色 #CD853F*/ background-color:peru; } .pink{ /*pink 粉红色 #FFC0CB*/ background-color:pink; } .plum{ /*plum 洋李色 #DDA0DD*/ background-color:plum; } .powderblue{ /*powderblue 粉蓝色 #B0E0E6*/ background-color:powderblue; } .purple{ /*purple 紫色 #800080*/ background-color:purple; color:white;} .red{ /*red 红色 #FF0000*/ background-color:red; color:white;} .rosybrown{ /*rosybrown 褐玫瑰红 #BC8F8F*/ background-color:rosybrown; } .royalblue{ /*royalblue 皇家蓝 #4169E1*/ background-color:royalblue; color:white;} .saddlebrown{ /*saddlebrown 重褐色 #8B4513*/ background-color:saddlebrown; color:white;} .salmon{ /*salmon 鲜肉色 #FA8072*/ background-color:salmon; } .sandybrown{ /*sandybrown 沙褐色 #F4A460*/ background-color:sandybrown; } .seagreen{ /*seagreen 海绿色 #2E8B57*/ background-color:seagreen; color:white;} .seashell{ /*seashell 海贝色 #FFF5EE*/ background-color:seashell; } .sienna{ /*sienna 赭色 #A0522D*/ background-color:sienna; color:white;} .silver{ /*silver 银色 #C0C0C0*/ background-color:silver; } .skyblue{ /*skyblue 天蓝色 #87CEEB*/ background-color:skyblue; } .slateblue{ /*slateblue 石蓝色 #6A5ACD*/ background-color:slateblue; color:white;} .slategray{ /*slategray 灰石色 #708090*/ background-color:slategray; color:white;} .snow{ /*snow 雪白色 #FFFAFA*/ background-color:snow; } .springgreen{ /*springgreen 春绿色 #00FF7F*/ background-color:springgreen; } .steelblue{ /*steelblue 钢兰色 #4682B4*/ background-color:steelblue; } .tan{ /*tan 茶色 #D2B48C*/ background-color:tan; } .teal{ /*teal 水鸭色 #008080*/ background-color:teal; color:white;} .thistle{ /*thistle 蓟色 #D8BFD8*/ background-color:thistle; } .tomato{ /*tomato 西红柿色 #FF6347*/ background-color:tomato; } .turquoise{ /*turquoise 青绿色 #40E0D0*/ background-color:turquoise; } .violet{ /*violet 紫罗兰色 #EE82EE*/ background-color:violet; } .wheat{ /*wheat 浅黄色 #F5DEB3*/ background-color:wheat; } .white{ /*white 白色 #FFFFFF*/ background-color:white; } .whitesmoke{ /*whitesmoke 烟白色 #F5F5F5*/ background-color:whitesmoke; } .yellow{ /*yellow 黄色 #FFFF00*/ background-color:yellow; } .yellowgreen{ /*yellowgreen 黄绿色 #9ACD32*/ background-color:yellowgreen; } </style> </head> <body> <p> <span class="red">CSS</span> <span class="blue">Color</span> <span class="green">Name</span> <span class="black">and</span> <span class="purple">Value</span> </p> <p> <span class="red">CSS</span> <span class="blue">颜色</span> <span class="green">名称</span> <span class="black">和</span> <span class="purple">值</span> </p> <div class="main"> <div class="left"> <h5><div class="antiquewhite">antiquewhite 古董白 #FAEBD7</div></h5> <h5><div class="aqua">aqua 浅绿色 #00FFFF</div></h5> <h5><div class="aquamarine">aquamarine 碧绿色 #7FFFD4</div></h5> <h5><div class="azure">azure 天蓝色 #F0FFFF</div></h5> <h5><div class="beige">beige 米色 #F5F5DC</div></h5> <h5><div class="bisque">bisque 桔黄色 #FFE4C4</div></h5> <h5><div class="black">black 黑色 #000000</div></h5> <h5><div class="blanchedalmond">blanchedalmond 白杏色 #FFEBCD</div></h5> <h5><div class="blue">blue 蓝色 #0000FF</div></h5> <h5><div class="blueviolet">blueviolet 紫罗兰色 #8A2BE2</div></h5> <h5><div class="brown">brown 褐色 #A52A2A</div></h5> <h5><div class="burlywood">burlywood 实木色 #DEB887</div></h5> <h5><div class="cadetblue">cadetblue 军兰色 #5F9EA0</div></h5> <h5><div class="chartreuse">chartreuse 黄绿色 #7FFF00</div></h5> <h5><div class="chocolate">chocolate 巧可力色 #D2691E</div></h5> <h5><div class="coral">coral 珊瑚色 #FF7F50</div></h5> <h5><div class="cornflowerblue">cornflowerblue 菊兰色 #6495ED</div></h5> <h5><div class="cornsilk">cornsilk 米绸色 #FFF8DC</div></h5> <h5><div class="crimson">crimson 暗深红色 #DC143C</div></h5> <h5><div class="cyan">cyan 青色 #00FFFF</div></h5> <h5><div class="darkblue">darkblue 暗蓝色 #00008B</div></h5> <h5><div class="darkcyan">darkcyan 暗青色 #008B8B</div></h5> <h5><div class="darkgoldenrod">darkgoldenrod 暗金黄色 #B8860B</div></h5> <h5><div class="darkgray">darkgray 暗灰色 #A9A9A9</div></h5> <h5><div class="darkgreen">darkgreen 暗绿色 #006400</div></h5> <h5><div class="darkkhaki">darkkhaki 暗黄褐色 #BDB76B</div></h5> <h5><div class="darkmagenta">darkmagenta 暗洋红 #8B008B</div></h5> <h5><div class="darkolivegreen">darkolivegreen 暗橄榄绿 #556B2F</div></h5> <h5><div class="darkorange">darkorange 暗桔黄色 #FF8C00</div></h5> <h5><div class="darkorchid">darkorchid 暗紫色 #9932CC</div></h5> <h5><div class="darkred">darkred 暗红色 #8B0000</div></h5> <h5><div class="darksalmon">darksalmon 暗肉色 #E9967A</div></h5> <h5><div class="darkseagreen">darkseagreen 暗海兰色 #8FBC8F</div></h5> <h5><div class="darkslateblue">darkslateblue 暗灰蓝色 #483D8B</div></h5> <h5><div class="darkslategray">darkslategray 墨绿色 #2F4F4F</div></h5> <h5><div class="darkturquoise">darkturquoise 暗宝石绿 #00CED1</div></h5> <h5><div class="darkviolet">darkviolet 暗紫罗兰色 #9400D3</div></h5> <h5><div class="deeppink">deeppink 深粉红色 #FF1493</div></h5> <h5><div class="deepskyblue">deepskyblue 深天蓝色 #00BFFF</div></h5> <h5><div class="dimgray">dimgray 暗灰色 #696969</div></h5> <h5><div class="dodgerblue">dodgerblue 闪兰色 #1E90FF</div></h5> <h5><div class="firebrick">firebrick 火砖色 #B22222</div></h5> <h5><div class="floralwhite">floralwhite 花白色 #FFFAF0</div></h5> <h5><div class="forestgreen">forestgreen 森林绿 #228B22</div></h5> <h5><div class="fuchsia">fuchsia 紫红色 #FF00FF</div></h5> <h5><div class="gainsboro">gainsboro 淡灰色 #DCDCDC</div></h5> <h5><div class="ghostwhite">ghostwhite 幽灵白 #F8F8FF</div></h5> <h5><div class="gold">gold 金色 #FFD700</div></h5> <h5><div class="goldenrod">goldenrod 金麒麟色 #DAA520</div></h5> <h5><div class="gray">gray 灰色 #808080</div></h5> <h5><div class="green">green 绿色 #008000</div></h5> <h5><div class="greenyellow">greenyellow 黄绿色 #ADFF2F</div></h5> <h5><div class="honeydew">honeydew 蜜色 #F0FFF0</div></h5> <h5><div class="hotpink">hotpink 热粉红色 #FF69B4</div></h5> <h5><div class="indianred">indianred 印第安红 #CD5C5C</div></h5> <h5><div class="indigo">indigo 靛青色 #4B0082</div></h5> <h5><div class="ivory">ivory 象牙色 #FFFFF0</div></h5> <h5><div class="khaki">khaki 黄褐色 #F0E68C</div></h5> <h5><div class="lavender">lavender 淡紫色 #E6E6FA</div></h5> <h5><div class="lavenderblush">lavenderblush 淡紫红 #FFF0F5</div></h5> <h5><div class="lawngreen">lawngreen 草绿色 #7CFC00</div></h5> <h5><div class="lemonchiffon">lemonchiffon 柠檬绸色 #FFFACD</div></h5> <h5><div class="lightblue">lightblue 亮蓝色 #ADD8E6</div></h5> <h5><div class="lightcoral">lightcoral 亮珊瑚色 #F08080</div></h5> <h5><div class="lightcyan">lightcyan 亮青色 #E0FFFF</div></h5> <h5><div class="lightgoldenrodyellow">lightgoldenrodyellow 亮金黄色 #FAFAD2</div></h5> <h5><div class="lightgreen">lightgreen 亮绿色 #90EE90</div></h5> <h5><div class="lightgrey">lightgrey 亮灰色 #D3D3D3</div></h5> <h5><div class="lightpink">lightpink 亮粉红色 #FFB6C1</div></h5> <h5><div class="lightsalmon">lightsalmon 亮肉色 #FFA07A</div></h5> </div> <div class="right"> <h5><div class="lightseagreen">lightseagreen 亮海蓝色 #20B2AA</div></h5> <h5><div class="lightskyblue">lightskyblue 亮天蓝色 #87CEFA</div></h5> <h5><div class="lightslategray">lightslategray 亮蓝灰 #778899</div></h5> <h5><div class="lightsteelblue">lightsteelblue 亮钢兰色 #B0C4DE</div></h5> <h5><div class="lightyellow">lightyellow 亮黄色 #FFFFE0</div></h5> <h5><div class="lime">lime 酸橙色 #00FF00</div></h5> <h5><div class="limegreen">limegreen 橙绿以 #32CD32</div></h5> <h5><div class="linen">linen 亚麻色 #FAF0E6</div></h5> <h5><div class="magenta">magenta 红紫色 #FF00FF</div></h5> <h5><div class="maroon">maroon 粟色 #800000</div></h5> <h5><div class="mediumaquamarine">mediumaquamarine 间绿色 #66CDAA</div></h5> <h5><div class="mediumblue">mediumblue 间兰色 #0000CD</div></h5> <h5><div class="mediumorchid">mediumorchid 间紫色 #BA55D3</div></h5> <h5><div class="mediumpurple">mediumpurple 间紫色 #9370DB</div></h5> <h5><div class="mediumseagreen">mediumseagreen 间海蓝 #3CB371</div></h5> <h5><div class="mediumslateblue">mediumslateblue 间暗蓝色 #7B68EE</div></h5> <h5><div class="mediumspringgreen">mediumspringgreen 间春绿色 #00FA9A</div></h5> <h5><div class="mediumturquoise">mediumturquoise 间绿宝石 #48D1CC</div></h5> <h5><div class="mediumvioletred">mediumvioletred 间紫罗兰色 #C71585</div></h5> <h5><div class="midnightblue">midnightblue 中灰兰色 #191970</div></h5> <h5><div class="mintcream">mintcream 薄荷色 #F5FFFA</div></h5> <h5><div class="mistyrose">mistyrose 浅玫瑰色 #FFE4E1</div></h5> <h5><div class="moccasin">moccasin 鹿皮色 #FFE4B5</div></h5> <h5><div class="navajowhite">navajowhite 纳瓦白 #FFDEAD</div></h5> <h5><div class="navy">navy 海军色 #000080</div></h5> <h5><div class="oldlace">oldlace 老花色 #FDF5E6</div></h5> <h5><div class="olive">olive 橄榄色 #808000</div></h5> <h5><div class="olivedrab">olivedrab 深绿褐色 #6B8E23</div></h5> <h5><div class="orange">orange 橙色 #FFA500</div></h5> <h5><div class="orangered">orangered 红橙色 #FF4500</div></h5> <h5><div class="orchid">orchid 淡紫色 #DA70D6</div></h5> <h5><div class="palegoldenrod">palegoldenrod 苍麒麟色 #EEE8AA</div></h5> <h5><div class="palegreen">palegreen 苍绿色 #98FB98</div></h5> <h5><div class="paleturquoise">paleturquoise 苍宝石绿 #AFEEEE</div></h5> <h5><div class="palevioletred">palevioletred 苍紫罗兰色 #DB7093</div></h5> <h5><div class="papayawhip">papayawhip 番木色 #FFEFD5</div></h5> <h5><div class="peachpuff">peachpuff 桃色 #FFDAB9</div></h5> <h5><div class="peru">peru 秘鲁色 #CD853F</div></h5> <h5><div class="pink">pink 粉红色 #FFC0CB</div></h5> <h5><div class="plum">plum 洋李色 #DDA0DD</div></h5> <h5><div class="powderblue">powderblue 粉蓝色 #B0E0E6</div></h5> <h5><div class="purple">purple 紫色 #800080</div></h5> <h5><div class="red">red 红色 #FF0000</div></h5> <h5><div class="rosybrown">rosybrown 褐玫瑰红 #BC8F8F</div></h5> <h5><div class="royalblue">royalblue 皇家蓝 #4169E1</div></h5> <h5><div class="saddlebrown">saddlebrown 重褐色 #8B4513</div></h5> <h5><div class="salmon">salmon 鲜肉色 #FA8072</div></h5> <h5><div class="sandybrown">sandybrown 沙褐色 #F4A460</div></h5> <h5><div class="seagreen">seagreen 海绿色 #2E8B57</div></h5> <h5><div class="seashell">seashell 海贝色 #FFF5EE</div></h5> <h5><div class="sienna">sienna 赭色 #A0522D</div></h5> <h5><div class="silver">silver 银色 #C0C0C0</div></h5> <h5><div class="skyblue">skyblue 天蓝色 #87CEEB</div></h5> <h5><div class="slateblue">slateblue 石蓝色 #6A5ACD</div></h5> <h5><div class="slategray">slategray 灰石色 #708090</div></h5> <h5><div class="snow">snow 雪白色 #FFFAFA</div></h5> <h5><div class="springgreen">springgreen 春绿色 #00FF7F</div></h5> <h5><div class="steelblue">steelblue 钢兰色 #4682B4</div></h5> <h5><div class="tan">tan 茶色 #D2B48C</div></h5> <h5><div class="teal">teal 水鸭色 #008080</div></h5> <h5><div class="thistle">thistle 蓟色 #D8BFD8</div></h5> <h5><div class="tomato">tomato 西红柿色 #FF6347</div></h5> <h5><div class="turquoise">turquoise 青绿色 #40E0D0</div></h5> <h5><div class="violet">violet 紫罗兰色 #EE82EE</div></h5> <h5><div class="wheat">wheat 浅黄色 #F5DEB3</div></h5> <h5><div class="white">white 白色 #FFFFFF</div></h5> <h5><div class="whitesmoke">whitesmoke 烟白色 #F5F5F5</div></h5> <h5><div class="yellow">yellow 黄色 #FFFF00</div></h5> <h5><div class="yellowgreen">yellowgreen 黄绿色 #9ACD32</div></h5> </div> </div> </body> </html>
- CSS_Color_Name_Value.rar (4.8 KB)
- 下载次数: 19
相关推荐
### CSS颜色对照表详解 #### 一、引言 在Web开发中,色彩的应用对于网站的整体视觉效果至关重要。CSS(层叠样式表)为开发者提供了丰富的颜色定义方式,包括十六...希望本文能够帮助您更好地理解和运用CSS颜色值。
在CSS(层叠样式表)中,颜色值是用于定义元素外观的重要部分,尤其是在文本颜色和背景颜色的设定上...通过结合使用颜色名称、RGB值和十六进制代码,以及调整色度,可以创建出无数种独特的颜色组合,满足各种设计需求。
CSS 颜色选取器允许您将 CSS 颜色值插入 CSS ... 它包括标准的调色板的颜色和使用标准颜色的名称、哈希代码、RGB、RGBA、HSL 和 HSLA 颜色值,并显示最近使用的颜色的列表。 默认情况下,颜色选取器将输入十六进制值。
### CSS颜色值详解 在网页设计与开发过程中,颜色的选择对于提升用户体验至关重要。CSS(层叠样式表)作为网页布局的重要组成部分,提供了多种方式来指定颜色。本文将详细介绍CSS中的颜色表示方法及其应用实例。 #...
本文将深入探讨“CSS颜色代码”这一主题,旨在帮助开发者更好地理解和应用各种颜色表示方法。 标题中的“CSS颜色代码”是指在CSS中设置元素颜色的方式。CSS提供了多种方式来指定颜色,包括颜色名称、十六进制值、...
CSS支持多种颜色表示方式,包括颜色名称、十六进制值、RGB、RGBA、HSL、HSLA等。本篇文章将重点介绍CSS中的一些常用颜色及其对应的值。 颜色名称是最直观的方式,例如`red`、`blue`、`green`等,它们对应的颜色是预...
CSS(层叠样式表)作为网页样式定义的标准语言,提供了丰富的颜色选择方式,包括十六进制颜色代码、RGB/RGBA颜色值、HSL/HSLA颜色值以及预定义的颜色名称等。本文将主要围绕十六进制颜色代码展开讨论,并通过给定的...
在CSS中,颜色可以使用多种方式表示,包括颜色名称、十六进制代码、RGB、RGBA、HSL、HSLA以及透明度值。本文将详细介绍如何使用这些方法来获取和使用CSS颜色代码。 首先,"取色器"是一个工具,它可以帮助我们从屏幕...
颜色对照表通常会以表格形式展示,每一行代表一种颜色,包括其名称、十六进制值、RGB值、RGBA值、HSL值和HSLA值,有时还会显示颜色的预览。这样的资源对于快速查找和比较颜色非常有用,特别是在需要保持色彩一致性或...
在网页设计中,CSS(层叠样式表)和HTML(超文本标记语言)是构建页面布局和样式的基石。颜色是任何设计元素中至关重要的一部分...通过灵活运用各种颜色模式、值和操作,我们可以创造出丰富多彩、引人入胜的网页设计。
文档《css颜色代码大全_很实用哦.doc》应该包含了各种颜色表示方法的实际示例和使用技巧,可以帮助你更深入地理解和运用CSS颜色。 总的来说,理解并熟练运用CSS颜色是提升网页设计和开发技能的关键一步。通过不断...
CSS提供了多种方式来定义颜色,包括十六进制值、RGB/RGBA值、HSL/HSLA值以及预定义颜色名称等。不同的表示方法各有优势,可以根据具体的设计需求和个人喜好选择最适合的方式。掌握这些颜色表示方法对于进行高效、...
`color`可以是预定义的颜色名称(如`red`, `blue`),十六进制值(如`#FF0000`),RGB值(如`rgb(255, 0, 0)`),或者RGBA值(添加透明度,如`rgba(255, 0, 0, 0.5)`)。 2. 跨元素背景颜色 如果你想让多个连续的...
CSS提供了多种方式来指定颜色,包括颜色名称、十六进制值、RGB、RGBA、HSL和HSLA等。以下是对这些颜色表示方法的详细解释: 1. **颜色名称**:CSS定义了一组预定义的颜色名称,如`red`、`blue`和`green`等。直接...
在 HTML 页面中可以两种方式指定颜色──以颜色名称或者表示 RGB 颜色值的数字。一个 RGB 颜色值由三个两位十六进制数字组成,分别代表各自的颜色强度。 例如,颜色值 #FF0000 之所以被渲染为红色,是因为红色的值...
本章将深入探讨“CSS颜色与度量单位”这一重要主题,这对于我们理解和创建美观、响应式的网页至关重要。 首先,我们要理解CSS中的颜色表示方法。颜色可以使用多种方式来定义,包括: 1. 名称:CSS预定义了一些常见...
CSS3ColorsSwift库的实现原理通常是通过创建一个枚举,该枚举的每一个成员对应一个CSS3的颜色名称,并且与相应的色彩值关联。当开发者调用这个枚举的某个成员时,库会自动将颜色名称解析为对应的色彩值,然后创建一...
3. **预定义颜色值**:CSS3还提供了一系列预定义的颜色名称,如`red`, `blue`, `green`等,方便快速使用常见颜色。 4. **十六进制颜色**:使用六位数的十六进制代码表示颜色,例如`#FF0000`代表红色。如果需要指定...