在網頁設計中，有時需要對元素的背景進行填充。元素的背景包括元素的內容區域，內邊距和四邊邊框，但不包括元素的外部邊距。填充背景可以使用純色、漸變色和圖片。
使用純色填充元素背景的樣式標籤是background-color。background-color的屬性值為關鍵字、十六進位顏色值、rgb()函數、rgba()函數。
CSS定義了一組顏色關鍵字用於描述常用顏色，下圖給出了CSS定義的16個基本顏色關鍵字。其中，Color一欄給出了顏色，Color Neme一欄給出了該顏色定義的關鍵字，HEX一欄是該顏色的十六進位顏色值，RGB一欄是該顏色的RGB顏色值。
十六進位顏色值使用三個雙位數來編寫，並以 # 符號開頭，下圖給出了基本顏色的十六進位顏色值和RGB顏色對應表。
CSS還定義了一個關鍵字transparent，用於表示背景透明色。如果一個HTML元素覆蓋在另外一個HTML元素之上，若需要把被覆蓋的元素顯示出來，就可以把上面元素的background設置為transparent。
rgb()函數用於動態創建顏色，rgb函數需要傳入RGB顏色三基色紅綠藍的值，紅綠藍三基色值均在0至255之間，顏色數值越大顏色比重越大。如rgb(255,0,0)返回紅色顏色值，rgb(0,0,255)返回藍色顏色值。rgba()函數在紅綠藍三色值的基礎上，又加了透明度參數，透明度值在0-1之間，透明度值越大則背景元素越透明。如rgba(255,0,0,0.5)返回紅色且透明度為0.5的顏色值。下面的HTML文檔展示了背景填充樣式標籤background-color的使用方法。
在上面的網頁代碼中，P3樣式和P4樣式的background-color顏色值相同，但P4樣式的background-color定義了值為0.5的透明度，因此在瀏覽器顯示效果上，P4樣式填充的顏色要比P3樣式填充的顏色淺。下圖是瀏覽器顯示效果。