CSS background-color 背景顏色

CSS background-color 的功能用來設定網頁背景顏色，也可以用來設定網頁元素的背景顏色，例如 DIV 區塊、span 區域、表格背景甚至是文字背景顏色，都可以使用 background-color 的技巧來設計，background-color 可以使用的顏色值包含顏色英文名稱、十六進位制色碼以及 RGB 色碼，是 CSS 標準的網頁與元素背景顏色設計方式，所有的主流瀏覽器都支援 background-color 的屬性。

CSS background-color 基本語法

background-color: 顏色名稱或色碼 ;

語法中的顏色名稱或色碼可以自由決定，更多顏色請查詢：色碼表。

CSS background-color 語法範例一、網頁背景

如範例所示，在網頁的 </body> 標籤中加入「style="background-color:gray;"」這樣的寫法，代表整個網頁的背景顏色都是灰色，gray 是灰色的英文名稱，也可以從色碼表中挑選更多的顏色，調整出不同的網頁背景顏色，來搭配整體的風格設計。

CSS background-color 語法範例二、DIV 區塊背景顏色

<div style="background-color:#FFBB73;">修改 DIV 區塊的背景顏色</div>
<div style="background-color:pink;">修改 DIV 區塊的背景顏色</div>
<div style="background-color:rgb(232,106,192);">修改 DIV 區塊的背景顏色</div>

以上範例呈現如

修改 DIV 區塊的背景顏色

範例中製作了三個不同顏色的 DIV 區塊，分別使用十六進位制的色碼、顏色的英文名稱以及 RGB 色碼，三種表示方式寫法的差別僅在顏色值，同樣的技巧還可用在其他的網頁元素，若想採用圖片當成背景，請參閱：CSS background-image 背景圖片。

相關閱讀