level 1
天蝎妮子果果
楼主
是这样啊，
这两个buttom是在一张png图片上的，然后为啥不需要分开，写完以后它显示的效果就是在一张图片上了？代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a {
width: 67px;
height: 32px;
background: url(110.png) no-repeat left top;
display: block; /*转换*/
}
a:hover {
background-position: left bottom;
}
</style>
</head>
<body>
<a href="#"></a>
</body>
</html>
2020年02月21日 07点02分
1
这两个buttom是在一张png图片上的，然后为啥不需要分开，写完以后它显示的效果就是在一张图片上了？代码如下：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a {
width: 67px;
height: 32px;
background: url(110.png) no-repeat left top;
display: block; /*转换*/
}
a:hover {
background-position: left bottom;
}
</style>
</head>
<body>
<a href="#"></a>
</body>
</html>
![[真棒]](/static/emoticons/u771fu68d2.png)