那个只是CSS设置了a的段落变化
<html>
<head>
<style type="text/css">
a:link {
line-height:100%;
}
a:hover {
line-height:150%;
}
div {
font-size:12px;
height:30px;
}
</style>
</head>
<body>
<div><a href="http://community.csdn.net/" target="_blank">文字</a></div>
<div><a href="http://community.csdn.net/" target="_blank">文字</a></div>
</body>
</html>
<html>
<head>
<style type="text/css">
a:link {
line-height:100%;
}
a:hover {
line-height:150%;
}
div {
font-size:12px;
height:30px;
}
</style>
</head>
<body>
<div><a href="http://community.csdn.net/" target="_blank">文字</a></div>
<div><a href="http://community.csdn.net/" target="_blank">文字</a></div>
</body>
</html>
<html>
<head>
<style type="text/css">
a:hover{
position:relative;
top:2px;
}
div {
font-size:12px;
height:30px;
}
img {
border:0px;
}
</style>
</head>
<body>
<div><a href="http://community.csdn.net/" target="_blank">文字</a></div>
<div><a href="http://community.csdn.net/" target="_blank"><img width="100" height="20" /></a></div>
</body>
</html>
这样图片也可以达到效果了。