理解
no-repeat x xp y xp -x表示上方移动x个xp, x表示下方移动x个xp, -y表示左方移动x个xp, -y表示右方移动x个xp,
1一张图片有许多图像,图像都规则的显出
2.网站先出来如图所示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>样式2</title>
<style type="text/css">
li{
list-style: none;
float: left;
width: 70px;
height: 32px;
line-height: 32px;
font-size: 12px;
}
.btn{
width: 42px;
background: url(img/icon.png) no-repeat -39px 2px;
text-align: center;
}
.pic{
width: 25px;
background: url(img/icon.png) no-repeat 0 3px;
}