1、background-color（背景顏色）
頁面的背景顏色有四種屬性值表示，分別是transparent（透明），RGB十進制顏色表示，十六進制顏色表示和顏色單詞表示。
屬性使用：
/* background-color: transparent; // 透明 background-color: rgb(255,0,0); // 紅色背景 background-color: #ff0000; // 紅色背景 background-color: red; // 紅色背景 */
2、background-image（背景圖片）
background-image可以引入一張圖片作為元素的背景圖像。默認情況下，background-image放置在元素的左上角，並在垂直和水平方向重復平鋪。
語法：
// background-image: url('圖片地址')
提示：當同時定義了背景顏色和背景圖像時，背景圖像覆蓋在背景顏色之上。 所以當背景圖片沒有被加載到，或者不能完全鋪滿元素時，就會顯示背景顏色。
3、background-repeat（背景平鋪方式）
CSS中，當使用圖像作為背景了以后，都是默認把整個頁面平鋪滿的，但是有時候在很多場合下面，頁面並不需要這種默認的效果，而可能需要背景圖像只顯示一次，或者只按照指定方式進行平鋪的時候，可以使用background-repeat來進行設置。
background-repeat專門用於設置背景圖像的平鋪方式，一般有四個值，默認是repeat（平鋪），no-repeat（不平鋪），repeat-x（X軸平鋪），repeat-y（Y軸平鋪）。
4、background-position（背景定位）
CSS中支持元素對背景圖像的定位擺放功能，就是利用background-position屬性來實現，以頁面中元素的左上角為原點（0，0），把元素的內部區域當成一個坐標軸（上邊框為X軸，越往左X的值越大，左邊框為Y軸，越往下Y軸的值就越大，反之亦然），然后計算出背景圖片的左上角與圓點的距離（x軸和y軸的距離），然后把背景圖片放入到指定的位置上，對背景圖片的位置進行精確的控制和擺放。
background-position的值分成兩個，使用空格隔開，前面一個是背景圖片左上角的x軸坐標，后面一個是背景圖片左上角的y軸坐標。兩個值都可以是正、負值。
語法：
// background-position: x軸坐標 y軸坐標
提示：背景定位的值除了是具體的數值以外，還可以是左（left）、中（center）、右（right）
5、background（背景樣式縮寫）
和字體屬性一樣，多個不同背景樣式屬性也是可以同時縮寫的，不過不需要像字體那樣按照一定的順序，背景樣式的縮寫屬性的順序是不固定的，可以任意編排。
語法：
// background: 背景顏色 背景圖片 背景平鋪方式 背景定位;