看了别人的自适应按钮,感觉这不就是滑动门么?呵呵 ,算了,记下来方便以后查阅 CSS: body { font-family:Verdana,sans-serif; font-size:12px; } a{ background:url(img/call_button_right.jpg) no-repeat right top; display:block; text-decoration:none; height:42px; cursor:pointer; color:#3366AA; } a span{ background:url(img/call_button_left.jpg) no-repeat left top; display:inline-block; height:28px; padding-top:14px; width:100%; text-align:center; cursor:pointer; } a:hover{ background-position:right -42px; } a:hover span{ background-position:left -42px; } HTML: <div style="width:160px;margin-top:10px;"> <a href="#nogo" mce_href="#nogo" ><span>按钮按钮按钮按钮按钮按钮</span></a> </div>