背景：
背景顏色 background-color
背景影象 background:背景顏色 url(背景影象的路徑) 水平定位 垂直定位 是否重複;
是否重複:repeat-x 水平重複 repeat-y 垂直重複 repeat 全部重複(預設) no-repeat 不重複
水平定位 left|right|center|具體的畫素值 垂直定位top|bottom|center|具體的畫素值

背景影象大小 background-size:寬 高; css3新增
cover填滿整個的區域 （拉伸變形）
contain 維持寬高比比例

漸變色(css3新增的，相容性問題)
1、線性漸變
background:linear-gradient(方向,顏色1,顏色2,……);
background: -webkit-linear-gradient(方向,顏色1,顏色2,……);
background: -moz-linear-gradient(方向,顏色1,顏色2,……);
2、徑向漸變

相容性問題:
每個瀏覽器都有自己的核心
歐朋 opera -o-
火狐 firefox -moz-
蘋果瀏覽器和谷歌瀏覽器 -webkit-
微軟的瀏覽器ie -ms-

解決方案：
在相應有相容性問題的樣式屬性前加上對應的瀏覽器的字首