定義和用法
基本屬性：color, image, position, repeat
背景顏色 background-color
值為顏色值或transparent二者選其一,預設值是transparent（透明）。
- 顏色值可以為16進位制顏色碼或者RGB顏色值，也可以是英文程式碼。不建議使用英文程式碼，不同瀏覽器對不同顏色程式碼處理的效果有可能不同。
- 設定背景顏色作為後備也是很重要的。背景顏色在各處都得到了支援，而背景梯度等更奇異的特性只在較新的瀏覽器中得到支援，加上背景影像可能由於某種原因無法載入。因此，設定基本的背景顏色和指定這些特性是一個好主意，因此無論如何，元素的內容都是可讀的。
背景影像 background-image
指定顯示的背景圖片，用url()設定路徑。
- 預設的圖片重複方式為水平垂直皆重複。
背景重複 background-repeat
指定背景影像如何重複的，預設值是repeat（一直重複，直到整個元素的背景被填充）
| 值 | 描述 |
|---|---|
| no-repeat | 不重複 |
| repeat | 垂直和水平都重複 |
| repeat-x | X軸方向（水平）重複 |
| repeat-y | Y軸方向（垂直）重複 |
背景位置 background-position
指定定位背景圖片的位置，原點為左上角（0,0）。
- 可輸入兩個值代表 X 軸和 Y 軸，也可以只輸入一個值。
- 可輸入長度值（px等）、相對值（rem等）、百分比、關鍵字（
left，center，right,top，bottom） - 若只輸入一個值，則代表 X 軸的值，Y 軸變成
center - 值可以混搭，如
background-position:9px top;
額外屬性
背景滾動 background-attachment
指定當內容滾動時背景如何滾動。
| 值 | 描述 |
|---|---|
| scroll | 預設值。滾動，背景圖隨著頁面的滾動而移動。 |
| fixed | 固定，當頁面的其餘部分滾動時，背景影像不會移動。 |