?? 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 + -