微博的翻页按钮挺简洁的,而且给人一种便于点击的感觉,研究了一下。具体的原理见下图:
每一个按钮由左右2部分底图拼合而成,左部分在A标签层,右部分在EM标签层。A标签有一个padding-left:10px;的属性,露出被EM层覆盖的左边框底图。其余部分被EM层覆盖,并且EM层有一个background: url(img/mblog_btn.gif) no-repeat 100% -28px;的属性,100%令底图靠右边界显示,这样就拼合成一个可以伸缩的按钮了。不太明白的下载附件包自己研究研究就好了。

