您的位置:首页 > Web前端 > CSS

CSS实现鼠标滑过按钮更改按钮样式

2015-12-16 14:12 525 查看
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;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: