清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>
.btn_blue,.btn_red,.btn_gray {display:inline-block; height:22px; line-height:20px; line-height:22px\0; *line-height:24px; _overflow:hidden; padding:0 12px; margin:0; text-align:center; border-radius:3px;border-radius:0\9;/*IE9下,渐变滤镜不支持圆角,四角会显示白色背景色*/} :root .btn_blue,:root .btn_red,:root .btn_gray {line-height:24px\0;/* IE9 */} .btn_blue:focus, .btn_red:focus, .btn_gray:focus {/*border-color:#93d4fc;*/box-shadow:0 0 5px #60caff;} .btn_blue:active, .btn_red:active, .btn_gray:active {outline:none;} .btn_blue {border:1px solid #0d659b; color:#fff; color:#fff!important; background-color:#238aca; background:-moz-linear-gradient(top, #238aca, #0074bc); background:-webkit-linear-gradient(top, #238aca, #0074bc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#238aca', endColorstr='#0074bc'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#238aca', endColorstr='#0074bc')";} .btn_blue:hover {text-decoration:none; background-color:#238aca; background:-moz-linear-gradient(top, #2a96d8, #0169a9); background:-webkit-linear-gradient(top, #2a96d8, #0169a9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a96d8', endColorstr='#0169a9'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a96d8', endColorstr='#0169a9')";} .btn_blue:active {background-color:#238aca; background:-moz-linear-gradient(top, #0074bc, #238aca); background:-webkit-linear-gradient(top, #0074bc, #238aca); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074bc', endColorstr='#238aca'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074bc', endColorstr='#238aca')";} .btn_gray {border:1px solid #BEBEBE; color:#494949; color:#494949!important; background-color:#fff; background:-moz-linear-gradient(top, #fff, #e0e0e0); background:-webkit-linear-gradient(top, #fff, #e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0')";} .btn_gray:hover {color:#000; text-decoration:none; background:-moz-linear-gradient(top, #fefefe, #d2d2d2); background:-webkit-linear-gradient(top, #fefefe, #d2d2d2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d2d2d2'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d2d2d2')";} .btn_gray:active {background:-moz-linear-gradient(top, #d4d3d3, #f9f8f8); background:-webkit-linear-gradient(top, #d4d3d3, #f9f8f8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d3d3', endColorstr='#f9f8f8'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d3d3', endColorstr='#f9f8f8')";} .btn_red {border:1px solid #a22626; color:#fff; color:#fff!important; background-color:#e54a56; background:-moz-linear-gradient(top, #f5505f, #d3454b); background:-webkit-linear-gradient(top, #f5505f, #d3454b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5505f', endColorstr='#d3454b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5505f', endColorstr='#d3454b')";} .btn_red:hover {text-decoration:none; background-color:#f1505b; background:-moz-linear-gradient(top, #ff6574, #e13841); background:-webkit-linear-gradient(top, #ff6574, #e13841); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6574', endColorstr='#e13841'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6574', endColorstr='#e13841')";} .btn_red:active {background-color:#e33c44; background:-moz-linear-gradient(top, #e13841, #ff6574); background:-webkit-linear-gradient(top, #e13841, #ff6574); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13841', endColorstr='#ff6574'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13841', endColorstr='#ff6574')";} .btn_big{ height:28px; line-height:26px;*line-height:30px;line-height:26px\0;font-size:14px; padding:0 16px;} :root .btn_big {line-height:30px\0;} .btn_disabled{ opacity:0.4;filter:alpha(opacity=40);cursor:default!important;} .btn_transparent {border:none;background:transparent;cursor:pointer;color:inherit;*color:#fff;} /* 作用于input标签的btn样式 */ .btn_input {height:24px;line-height:19px;line-height:20px\0;padding:0 15px 3px;cursor:pointer;*width:auto;*overflow:visible;_line-height:17px;_padding:3px 12px 0;}