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;
}
本文介绍了一种使用CSS实现鼠标滑过按钮时改变按钮样式的简洁方法。通过设置:hover伪类,可以轻松更改按钮背景,实现良好的用户体验。
1157

被折叠的 条评论
为什么被折叠?



