系統(tǒng)顏色
警告：在本文中，CSS3顏色模塊的工作草案廢棄了系統(tǒng)顏色關(guān)鍵字，而增加了新的屬性appearance。類似地，CSS2.1預(yù)期到CSS3中的這些修改，也廢棄了這些關(guān)鍵字，強(qiáng)烈建議創(chuàng)作人員在網(wǎng)站建設(shè)時(shí)不要使用系統(tǒng)顏色，因?yàn)樵贑SS的將來(lái)版本中它們很可能不再出現(xiàn)。之所以要強(qiáng)調(diào)這一點(diǎn)，原因是當(dāng)前可用的一些瀏覽器確實(shí)支持系統(tǒng)顏色。
如果在設(shè)計(jì)網(wǎng)頁(yè)時(shí)你想重用用戶操作系統(tǒng)中指定的顏色，CSS2為此定義了一系列系統(tǒng)顏色關(guān)鍵字。只要能用<color>值的環(huán)境，就可以使用這些值。例如，可以通過(guò)以下聲明讓一個(gè)元素的背景與用戶的桌面顏色一致：
div#test {background-color: Background;}
因此，可以如下為文檔指定系統(tǒng)的默認(rèn)文本顏色和背景顏色：
body (color: WindowText; background: Window;}
通過(guò)這種定制，更有可能讓用戶很好地閱讀文檔，因?yàn)橛脩魬?yīng)該已經(jīng)適當(dāng)?shù)嘏渲昧瞬僮飨到y(tǒng)以支持這些顏色（如果沒(méi)有，那是他活該?。?。
總共有28個(gè)系統(tǒng)顏色關(guān)鍵字，不過(guò)CSS沒(méi)有明確地定義這些關(guān)鍵字。相反，對(duì)各個(gè)關(guān)鍵字的含義只有一些概括（而且非常簡(jiǎn)短）的描述。下表描述了所有這28個(gè)關(guān)鍵字。如果Windows 2000顯示控制面板的“外觀”頁(yè)中有選項(xiàng)與之對(duì)應(yīng)，將在以下描述中補(bǔ)充說(shuō)明。
ActiveBorder
這種顏色應(yīng)用于活動(dòng)窗口的外邊框（“活動(dòng)窗口邊框”中的第一個(gè)顏色）。
ActiveCaption
當(dāng)前活動(dòng)窗口標(biāo)題的背景色（“活動(dòng)標(biāo)題欄”中的第一個(gè)顏色）。
AppWorkspace
支持多個(gè)文檔的應(yīng)用中使用的背景色，例如Microsoft Word中打開(kāi)文檔“后面”的背景色（“應(yīng)用背景”中的第一個(gè)顏色）。
Background
桌面的背景色（“桌面”中的第一個(gè)顏色）。
ButtonFace
三維按鈕“面”上使用的顏色。
ButtonHighlight
三維顯示元素背離虛擬光源的邊沿上的亮色。因此，如果虛擬光源位于左上角，這就是顯示元素右邊界和下邊界上使用的亮色。
ButtonShadow
三維顯示元素的陰影色。
ButtonText
“按下”按鈕上文本的顏色（“3D對(duì)象”中的字體顏色）。
CaptionText
標(biāo)題。大小框中的文本以及滾動(dòng)箭頭框中符號(hào)的顏色（“活動(dòng)標(biāo)題欄”中的字體顏色）。
GrayText
置灰（禁用）文本。如果當(dāng)前顯示驅(qū)動(dòng)程序不支持純灰色，這個(gè)關(guān)鍵字解釋為#000。 Highlight控件中選中項(xiàng)的顏色（“選中項(xiàng)”中的第一個(gè)顏色）。
HighlightText
控件中選中項(xiàng)的文本顏色（“選中項(xiàng)”中的字體顏色）。
InactiveBorder
應(yīng)用于不活動(dòng)窗口的外邊框的顏色（“不活動(dòng)窗口邊框”中的第一個(gè)顏色）。
InactiveCaption
不活動(dòng)窗口的標(biāo)題的背景色（“不活動(dòng)標(biāo)題欄”的第一個(gè)顏色）。
Inact iveCapti onText
不活動(dòng)標(biāo)題中的文本顏色（“不活動(dòng)標(biāo)題欄”的字體顏色）。
InfoBackground
工具提示中的背景色（“工具提示”中的第一個(gè)顏色）。
InfoText
工具提示中的文本顏色（“工具提示”中的字體顏色）。
Menu
菜單背景的顏色（“菜單”中的第一個(gè)顏色）。
MenuText
菜單中的文本顏色（“菜單”中的字體顏色）。
Scrollbar
滾動(dòng)條的“灰色區(qū)域”。
ThreeDDarkShadow
與三維顯示元素的深陰影顏色相同。
ThreeDFace
與三維顯示元素的表面顏色相同。
ThreeDHighlight
三維顯示元素上的亮色。
ThreeDLightShadow
三維顯示元素上的淺色（面向光源邊沿上的顏色）。
ThreeDShadow
三維顯示元素上的深陰影。
Window
窗口的背景的顏色（“窗口”中的第一個(gè)顏色）。
WindowFrame
應(yīng)用于窗口的框架的顏色。
WindowText
窗口中的文本顏色（“窗口”中的字體顏色）。
CSS2將系統(tǒng)顏色關(guān)鍵字定義為不區(qū)分大小寫(xiě)，不過(guò)建議在網(wǎng)頁(yè)設(shè)計(jì)時(shí)還是使用上表所示的混合大小寫(xiě)寫(xiě)法，這樣顏色名更可讀。可以看到，ThreeDLightShadow乍看上去就比threed- light shadow更容易理解。
系統(tǒng)顏色關(guān)鍵字本質(zhì)上是含糊的，這有一個(gè)明顯的缺點(diǎn)，不同的用戶代理可能以不同的方式解釋這些關(guān)鍵字，即使這些用戶代理在同一個(gè)操作系統(tǒng)上運(yùn)行。因此，在使用這些關(guān)鍵字設(shè)計(jì)網(wǎng)頁(yè)時(shí)，不要指望肯定會(huì)有一致的結(jié)果。例如，要避免這樣的文字：“査找顏色與桌面顏色一致的文本?！币?yàn)橛脩艨赡茉谀J(rèn)桌面顏色之上放了一個(gè)桌面圖像（或“墻紙”）。