通過
background-image：url（圖片地址）
背景圖片可以和背景顏色同時設(shè)置
背景重復(fù)：
background-repeat：no-repeat?
只顯示一個，默認(rèn)是平鋪
background-repeat：
repeat-x 水平
repeat-y垂直
背景偏移和定位：
background-position：
top left
top right
top center
定義九個位置
還可以指定具體的位置：
background-position：；
（第一個值水平方向，第二個值垂直方向，可以設(shè)置負(fù)值）
background-attachment:fixed;(背景固定在瀏覽器屏幕的位置)
背景重復(fù)：
background-image：url（圖片地址）
background-repeat? ?設(shè)置圖片平鋪
background-repeat：repeat-x 設(shè)置水平方向平鋪
background-repeat：repeat-y 設(shè)置圖片垂直方向平鋪
background-repeat：no-repeat 背景圖片只會出現(xiàn)一次
雪碧圖優(yōu)點：
能一次加載多個圖片，提高用戶的體驗，內(nèi)存小，加快瀏覽器的識別
.car{
display:block;
width:42px;
height:30px;
background-image:url("car.png");
background-repeat:no-repeat;
background-position:-8px -338px;
}
.car:hover{
background-position:-58px -338px;
}
實現(xiàn)圖片的默認(rèn)樣式和觸摸樣式
默認(rèn)
鼠標(biāo)觸摸
