<style type="text/css">
<!--
body,td,p,a {font-size:100px;color:333;background:#ccc;text-decoration: none;}
/* 平常状态 */
.pr2 {padding:5px 2px 3px 4px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #999;border-bottom:1px solid #999;background:#D6D3CE}
/* 当鼠标放上状态 */
.pr1 {padding:5px 2px 3px 4px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #fff;border-bottom:1px solid #fff;position: relative;left: 1px;top: 1px;background:#D6D3CE}
-->
</style>
<a href="javascript:;" class="pr1" onMouseMove="this.className='pr2'" onMouseOut="this.className='pr1'">按钮</a>
<a href="javascript:;" class="pr1" onMouseMove="this.className='pr2'" onMouseOut="this.className='pr1'">按钮</a>
<!--
body,td,p,a {font-size:100px;color:333;background:#ccc;text-decoration: none;}
/* 平常状态 */
.pr2 {padding:5px 2px 3px 4px;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #999;border-bottom:1px solid #999;background:#D6D3CE}
/* 当鼠标放上状态 */
.pr1 {padding:5px 2px 3px 4px;border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #fff;border-bottom:1px solid #fff;position: relative;left: 1px;top: 1px;background:#D6D3CE}
-->
</style>
<a href="javascript:;" class="pr1" onMouseMove="this.className='pr2'" onMouseOut="this.className='pr1'">按钮</a>
<a href="javascript:;" class="pr1" onMouseMove="this.className='pr2'" onMouseOut="this.className='pr1'">按钮</a>