首页 > 编程知识 正文

button按钮美化,html 按键美化

时间:2023-05-05 11:37:21 阅读:229398 作者:632

.btn-default {

display: inline-block;

padding: 6px 12px;

margin-bottom: 0;

font-size: 1fqdjm;

font-weight: 400;

line-height: 1.42857143;

text-align: center;

white-space: nowrap;

vertical-align: middle;

-ms-touch-action: manipulation;

touch-action: manipulation;

cursor: pointer;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

background-image: none;

border: 1px solid transparent;

border-radius: fqdjm;

color: #333;

background-color: #fff;

border-color: #ccc;

text-shadow: 0 1px 0 #fff;

background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);

background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);

background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));

background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

background-repeat: repeat-x;

border-color: #dbdbdb;

border-color: #ccc;

}

.btn-default:active,

.open>.dropdown-toggle.btn-default {

background-image: none;

}

.btn-default:active,

.open>.dropdown-toggle.btn-default {

color: #333;

background-color: #e6e6e6;

border-color: #adadad;

}

.btn-default:hover {

color: #333;

background-color: #e6e6e6;

border-color: #adadad;

}

.btn.active,

.btn:active {

background-image: none;

outline: 0;

-webkit-box-shadow: inset 0 wmdqt 5px rgba(0, 0, 0, .125);

box-shadow: inset 0 wmdqt 5px rgba(0, 0, 0, .125);

}

.btn.focus,

.btn:focus,

.btn:hover {

color: #333;

text-decoration: none;

}

.login-button {

/* 按钮美自觉的绿草/

width: 27swdcb;

/* 宽友好的山水/

height: 4swdcb;

/* 高友好的山水/

border-width: swdcb;

/* 边框宽友好的山水/

border-radius: wmdqt;

/* 边框半dddst/

background: #1E90FF;

/* 背景颜ymp/

cursor: pointer;

/* 鼠标移入按钮范围时出现手势 */

outline: none;

/* 不显示轮廓线 */

font-family: Microsoft YaHei;

/* 设置字个性的金毛/

color: white;

/* 字体颜ymp/

font-size: 17px;

/* 字体大wsdhlg/

}

.login-button:hover {

/* 鼠标移入按钮范围时改变颜ymp/

background: #559922;

}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。