通过
background-image：url（图片地址）
背景图片可以和背景颜色同时设置
背景重复：
background-repeat：no-repeat
只显示一个，默认是平铺
background-repeat：
repeat-x 水平
repeat-y垂直
背景偏移和定位：
background-position：
top left
top right
top center
定义九个位置
还可以指定具体的位置：
background-position：；
（第一个值水平方向，第二个值垂直方向，可以设置负值）
background-attachment:fixed;(背景固定在浏览器屏幕的位置)
背景重复：
background-image：url（图片地址）
background-repeat 设置图片平铺
background-repeat：repeat-x 设置水平方向平铺
background-repeat：repeat-y 设置图片垂直方向平铺
background-repeat：no-repeat 背景图片只会出现一次
雪碧图优点：
能一次加载多个图片，提高用户的体验，内存小，加快浏览器的识别
.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;
}
实现图片的默认样式和触摸样式
默认
鼠标触摸
