用CSS实现的一张图完成的按钮效果。

<style type="text/css"> <!-- .inp_L1,.inp_L2,{ background:url(http://mimg.126.com/index/bg_x.jpg) no-repeat }; .inp_L1{ width:67px; height:23px; background-position:-4px -4px; border:0; color:#464646; line-height:23px } .inp_L2{ width:67px; height:23px; background-position:-4px -30px; border:0; color:#464646; line-height:23px } --> </style> <input type="submit" value="登 录" class="inp_L1" onMouseOver="this.className=inp_L2" onMouseOut="this.className=inp_L1" id="input_btn1" name="enter.x" tabindex="4">
提示：您可以先修改部分代码再运行