<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title></title>
<style type="text/css">
.photo1 {
background-image: url("images/1.png");
background-position: 100% 100%;
height: 50px;
width: 50px;
}
.photo2 {
background-image: url("images/1.png");
background-position: 0 0;
height: 50px;
width: 50px;
}
</style>
</head>
<body>
<div class="photo1"></div>
<strong>分开</strong>
<div class="photo2"> </div>
</body>
</html>
个人的理解是
background-position:是起点的坐标,而background-position: 100% 100%表示的是图片右下角的坐标;
width和height是终点的的坐标(这是相对于图左上角,即(0,0)的坐标);