在制作網頁時我們往往需要在網頁中添加一些背景顏色、背景圖像讓網頁更加美觀，吸引訪問者的眼球。CSS 中提供了一系列用于設置 HTML 元素背景效果的屬性，如下所示：
background-color：設置元素的背景顏色；
background-image：設置元素的背景圖像；
background-repeat：控制背景圖像是否重復；
background-attachment：控制背景圖像是否跟隨窗口滾動；
background-position：控制背景圖像在元素中的位置；
background-size：設置背景圖像的尺寸；
background-origin：設置 background-position 屬性相對于什么位置來定位背景圖像；
background-clip：設置背景圖像的顯示區域；
background：背景屬性的縮寫，可以在一個聲明中設置所有的背景屬性。
您可以使用 background-color 屬性為元素設置一個背景顏色，該屬性支持以下幾種屬性值：
【示例】使用 background-color 為元素設置背景顏色：
運行結果如下圖所示：
通過運行結果可以看出 background-color 屬性能夠為元素設置一種純色的背景，這種顏色會填充元素的內容、內邊距以及邊框區域（也可以理解為邊框及以內的所有區域），對于元素邊框以外的區域（外邊距）則沒有影響。
background-image 用來為某個元素設置背景圖像，默認情況下瀏覽器會從元素內容的左上角開始（若有內邊距則從元素內邊距區域的左上角開始），在水平和垂直方向上重復背景圖像，以填充整個元素區域，您可以使用 background-repeat 屬性來控制背景圖像是否重復或如何重復。
background-image 屬性的可選值如下：
【示例】使用 background-image 屬性將圖片【
】設置為元素的背景圖像：
運行結果如下圖所示：
背景圖像的覆蓋區域與背景顏色相同，同樣會填充元素的內容、內邊距以及邊框區域，對于元素邊框以外的區域（外邊距）則沒有影響。
