雪碧图
2018-10-23 本文已影响0人
物极必反否极泰来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>按钮练习</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.btn:link{
display: block;
width: 39px;
height: 30px;
background-image: url(1.jpg);
background-repeat: no-repeat;
}
.btn:hover{
background-position: -48px 0px;
}
</style>
</head>
<body>
<!-- 创建一个超链接 -->
<a href="#" class="btn"></a>
</body>
</html>
1.png
