通過(guò)
background-image：url（圖片地址）
背景圖片可以和背景顏色同時(shí)設(shè)置
背景重復(fù)：
background-repeat：no-repeat?
只顯示一個(gè)嵌屎，默認(rèn)是平鋪
background-repeat：
repeat-x 水平
repeat-y垂直
背景偏移和定位：
background-position：
top left
top right
top center
定義九個(gè)位置
還可以指定具體的位置：
background-position：；
（第一個(gè)值水平方向恍涂，第二個(gè)值垂直方向宝惰，可以設(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 背景圖片只會(huì)出現(xiàn)一次
雪碧圖優(yōu)點(diǎn)：
能一次加載多個(gè)圖片，提高用戶的體驗(yàn)再沧，內(nèi)存小尼夺，加快瀏覽器的識(shí)別
.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;
}
實(shí)現(xiàn)圖片的默認(rèn)樣式和觸摸樣式
默認(rèn)
鼠標(biāo)觸摸
