1、背景顏色
元素背景顏色默認值是 transparent（透明）
background-color:transparent;樣式名稱：
background-image 定義元素的背景圖片
background-image: none | url(圖片路徑地址)| 參數值 | 作用 |
| none | 無背景圖（默認） |
| url | 使用絕對或相對路徑 指定背景圖像 |
其他說明：
實際開發常見於 logo 或者一些裝飾性的小圖片或者是超大的背景圖片, 優點是非常便於控制位置. (精靈圖也是一種運用場景)
注意：背景圖片后面的地址，千萬不要忘記加 URL， 同時里面的路徑不要加引號。
4、背景圖片位置
樣式名稱：
使用方式：
background-position: x y;
| 參數值 | 說明 |
| length | 百分比 | 由浮點數字和單位標識符組成的長度值 |
| position | top | center | bottom | left | center | right 方位名詞 |
其他說明：
如果指定的兩個值都是方位名詞，則兩個值前后順序無關，比如 left top 和 top left 效果一致
如果只指定了一個方位名詞，另一個值省略，則第二個值默認居中對齊
2、參數是精確單位
如果參數值是精確坐標，那么第一個肯定是 x 坐標，第二個一定是 y 坐標
如果只指定一個數值，那該數值一定是 x 坐標，另一個默認垂直居中
3、參數是混合單位
如果指定的兩個值是精確單位和方位名詞混合使用，則第一個值是 x 坐標，第二個值是 y 坐標
5、背景圖片固定
樣式名稱：
background-attachment 屬性設置背景圖像是否固定或者隨着頁面的其余部分滾動。
使用方式：
background-attachment: scroll | fixed| 參數值 | 說明 |
| scroll | 背景圖像是隨對象內容滾動 |
| fixed | 背景圖像固定 |
其他說明：
6、背景樣式合寫
背景合寫樣式：
background: 背景顏色 背景圖片地址 背景平鋪 背景圖像滾動 背景圖片位置;
使用方式：
background: transparent url(image.jpg) repeat-y fixed top;
7、背景色半透明
CSS3 提供了背景顏色半透明的效果。
使用方式：
background: rgba(0, 0, 0, 0.3);-
最后一個參數是 alpha 透明度，取值范圍在 0~1之間
-
我們習慣把 0.3 的 0 省略掉，寫為 background: rgba(0, 0, 0, .3);
注意：
-
-
CSS3 新增屬性，是 IE9+ 版本瀏覽器才支持的，但是現在實際開發,我們不太關注兼容性寫法了,可以放心使用
8、背景總結
| 屬性值 | 作用 | 值 |
| background-color | 背景顏色 | 預定義的顏色值/十六進制/RGB代碼 |
| background-image | 背景圖片 | url(圖片路徑) |
| background-repeat | 是否平鋪 | repeat/no-repeat/repeat-x/repeat-y |
| background-position | 背景位置 | length/position 分別是x和y坐標 |
| background-attachment | 背景附着 | scroll（背景滾動）/ fixed（固定） |
| 背景簡寫 | 書寫更簡單 | 背景顏色 背景圖片地址 背景平鋪 背景滾動 背景位置 |
| 背景色半透明 | 背景色半透明 | background:rgba(0, 0, 0, .3); 后面必須是四個值 |