CSS实现鼠标滑过按钮更改按钮样式,方便简单:
.btn
{
cursor:pointer;
border:1px solid #2b87c8;
border-radius:4px; /*实现圆角*/
background:url(form/btn_bg.gif) repeat-x;
min-width:80px;
height:28px;
text-align:center;
padding-left:10px;
padding-right:10px;
color:#fff;
vertical-align:middle;
}
.btn:hover
{
background:url(form/btn_bg_hover.gif) repeat-x;
}