
正常情況下

鼠標(biāo)移到圖片上后

原圖片
重點(diǎn)
background-image: url(images/110.png);
background-position:bottom;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
a{
width: 67px;
height: 32px;
background-image: url(images/110.png);
display: inline-block;/*不加這句話(huà),a的圖片不會(huì)出來(lái)的*/
}
a:hover{
background-image: url(images/110.png);
background-position: bottom;
}
</style>
</head>
<body>
<a href="#"></a>
</body>
</html>