链接的不同状态
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>a链接的不同状态</title>
</head>
<body>
<style>
a:link{
background-position:0px 0px;
}
a:visited{
background-position:-146px 0px;
}
a:hover{
background-position:-282px 0px;
}
a:active{
background-position:-428px 0px;
}
</style>
<a href="#" style="background-image:url(css/carama.png);
border:1px gray solid;
border-radius:50px;
width:148px;
height:126px;
background-repeat:no-repeat;
display:block;">
</a>
</body>
</html>
原图片:
