1. The style display:inline-block; can change the a tag, which can define the width and height
2.a:hover indicates that the mouse is over
3.background:url(110.png) bottom means: give the link a picture and align the code at the bottom
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> a{ display: inline-block; width:67px; height:32px; background: url("110.png"); } a:hover{ background: url(110.png) bottom; } </style> <title></title> </head> <body> <a href="#"></a> </body> </html>