📄 5-4-2.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>在网页中使用颜色</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体"><b>
<p ALIGN="JUSTIFY">在网页中使用颜色</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">本章讲述的许多HTML标识符都具有色彩的属性，可用来设置不同的颜色。例如，缺损情况下你的网页的背景颜色是灰色（Internet
Explorer）或是白色（Netscape Navigator），你可能要将背景颜色变成你所选择的另外一种，下面的例子表明了你应该如何去做：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Background Color </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY BGCOLOR =</font><font SIZE="3">”</font><font FACE="宋体"
SIZE="3">Lime</font><font SIZE="3">”</font><font FACE="宋体" SIZE="3">></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件在浏览器上显示出来时，网页的背景颜色变成草绿色。不难发现你是通过对<BODY>标识符加入BGCOLOR属性来改变一个网页的背景颜色的。</p>
<p ALIGN="JUSTIFY">根据HTML规范，你可以使用表5.1中列出的任意颜色来设定某个HTML标识符的颜色属性。</p>
<b>
<p ALIGN="JUSTIFY">表5.1 色彩名和它们的RGB值</p>
</b></font><font SIZE="3">
<p ALIGN="JUSTIFY">Color RGB Value</p>
</font><font FACE="宋体" SIZE="3">
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">蓝绿色</p>
<p ALIGN="JUSTIFY">黑色</p>
<p ALIGN="JUSTIFY">蓝色</p>
<p ALIGN="JUSTIFY">紫红色</p>
<p ALIGN="JUSTIFY">灰色</p>
<p ALIGN="JUSTIFY">深绿色</p>
<p ALIGN="JUSTIFY">绿色</p>
<p ALIGN="JUSTIFY">褐色</p>
<p ALIGN="JUSTIFY">深蓝色</p>
<p ALIGN="JUSTIFY">橄榄色</p>
</blockquote>
</blockquote>
<p ALIGN="JUSTIFY">#00FFFF</p>
<p ALIGN="JUSTIFY">#000000</p>
<p ALIGN="JUSTIFY">#0000FF</p>
<p ALIGN="JUSTIFY">#FF00FF</p>
<p ALIGN="JUSTIFY">#808080</p>
<p ALIGN="JUSTIFY">#008000</p>
<p ALIGN="JUSTIFY">#00FF00</p>
<p ALIGN="JUSTIFY">#800000</p>
<p ALIGN="JUSTIFY">#000080</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">#808000</p>
<p ALIGN="JUSTIFY">深紫色</p>
<p ALIGN="JUSTIFY">红色</p>
</blockquote>
</blockquote>
<p ALIGN="JUSTIFY">银色</p>
<p ALIGN="JUSTIFY">草绿色</p>
<blockquote>
<blockquote>
<p ALIGN="JUSTIFY">白色</p>
<p ALIGN="JUSTIFY">黄色</p>
<p ALIGN="JUSTIFY"> </p>
</blockquote>
</blockquote>
<p ALIGN="JUSTIFY">#800080</p>
<p ALIGN="JUSTIFY">#FF0000</p>
<p ALIGN="JUSTIFY">#C0C0C0</p>
<p ALIGN="JUSTIFY">#008080</p>
<p ALIGN="JUSTIFY">#FFFFFF</p>
<p ALIGN="JUSTIFY">#FFFF00</p>
<p ALIGN="JUSTIFY">对此表有两点值得注意。首先，这些颜色的选择是很奇怪的，这是历史原因造成的——它们是被带有VGA显示卡的早期Windows机器所支持的色彩。实际上，如果你不想局限于HTML规范、你完全可以不理会这些色彩的限制。当前版本的Netscape
Navigator及Internet Explorer提供了更多的色彩（详细信息可参阅附录D）。</p>
<p ALIGN="JUSTIFY">第二点是表中每个颜色名都对应着一个奇特的数字。颜色既可用名称来表示，也可用RGB值来指定。如果你想保证你所选择的颜色在所有浏览器上都能正确显示，那么你应当使用色彩的RGB值而不是它们的名字。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">计算机以三个数字来标识各种颜色——颜色的红、绿、蓝（RGB值），其中每个数字可取0~255中的任意值。例如，黑色就是三个0，因为黑色中没有任何颜色。如果你想让你的网页的背景颜色变为黑色，你可以象下面这样设定BGCOLOR的值：</p>
<p ALIGN="JUSTIFY"><BODY BGCOLOR=</font><font SIZE="3">”</font><font FACE="宋体"
SIZE="3">#000000</font><font SIZE="3">”</font><font FACE="宋体" SIZE="3">></p>
<p ALIGN="JUSTIFY">在这个例子中，前两个0是颜色的红色值，中间两个0是颜色的绿色值，最后两个0是蓝色值。符号#告诉浏览器你通过RGB值来指定一个色彩，而不是用它们的名字。</p>
<p ALIGN="JUSTIFY">这其中稍微复杂一点是，计算机中使用十六进制数而不是十进制数，因此即使是计算机和人表示同样大小的数，计算机也要多用六个符号。例如对计算机来说，数字十六被表成F，255表示成FF。要建立一个白色背景，你应该输入：</p>
<p ALIGN="JUSTIFY"><BODY BGCOLOR=</font><font SIZE="3">”</font><font FACE="宋体"
SIZE="3">#FFFFFF</font><font SIZE="3">”</font><font FACE="宋体" SIZE="3">></p>
<p ALIGN="JUSTIFY">使用RGB值，你可以指定16，777，216种颜色（超过一千六百万种）。当然，这里所说你可以指定它们中的任何一种颜色并不意味着每台计算机的显示器都能显示它们中的任何一种色彩。某些显示系由于硬件的性能，只能显示二百五十六种颜色（或者更少）。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -