<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业</title>
<style>
.k1{
height: 45px;
width: 120px;
}
.t1{
background-image: url('../img/tu3.png');
/*background-repeat: no-repeat;*/
height:45px;
width:120px;
}
.t1:hover{
height: 38px;
width: 111px;
background-position: -10px -48px;
}
.t1:active{
height: 30px;
width: 96px;
background-position: -10px -88px;
}
.k2{
height: 30px;
width: 42px;
}
.t2{
height: 30px;
width: 42px;
background-image: url(../img/tu3.png);
background-position: -59px -339px;
}
.t2:hover{
height: 30px;
width:40px;
background-position: -130px -336px;
}
.t2:active{
height: 33px;
width:42px;
background-position: -7px -335px;
}
</style>
</head>
<body>
<div class="k1">
<div class="t1">
</div>
</div>
<div class="k2">
<div class="t2"></div>
</div>
</body>
</html>
image.png
