SOURCE

<p>
  <a href="#">this is a test linkbutton</a>
</p>

<p>
  使用background和background-position实现。
  <ul>
    <li>制作sprite精灵图</li>
    <li>设置link和visited伪类为默认的背景图，并且隐藏文字</li>
    <li>设置hover和focus伪类的position位置</li>
  </ul>
</p>

a:link,a:visited{
  display:block;
  width:203px;
  height:72px;
  text-indent:-1100px;
  /* border:1px solid red; */
  background:url(http://joshua0125.test.upcdn.net/jingtongcss/charpter5/buttons.png)
    no-repeat -203px 0;
}

a:hover,a:focus{
  background-position:right top;
}

a:active{
  background-position:left top;
}