SOURCE

console 命令行工具 X clear

                    
>
console
<div>
			<button class="btn btn_primary">最初按钮</button>
			<button class="btn">默认按钮</button>
			<button class="btn btn_">草绿按钮</button>
			<button class="btn btn_wram">暖色按钮</button>
			<button class="btn btn_danger">警告按钮</button>
			<button class="btn btn_disabled">禁用按钮</button>
		</div>
a:hover{
	color:#e6e6e6;
}
.btn{
	display: inline-block;
	height:38px;
	line-height: 38px;
	padding:0 18px;
	background-color: #49c8f2;
	font-size: 14px;
	-webkit-border-radius:2px;
	border-radius: 2px;
	color:#fff;
	cursor: pointer;
    border:0;
    margin:2px 6px;
    behavior: url(../js/PIE.htc);
}
.btn:hover{
	background-color: #65cdf0;
}

/*六种按钮主题*/
.btn_primary{
	background-color: #ffffff;
	color:#666;
	border:1px solid #f1f1f1;
}
.btn_primary:hover{
	background-color:#f1f1f1;
}
.btn_{
	background-color:#00cc44;
}
.btn_:hover{
	background-color:#1ce15e;
}
.btn_wram{
	background-color: #ff9f19;
}
.btn_wram:hover{
	background-color:#feb146;
}
.btn_danger{
	background-color: #ff4c23;
}
.btn_danger:hover{
	background-color: #ff7353;
}
.btn_disabled{
	background-color: #fbfbfb;
	color:#c9c9c9;
	border:1px solid #e6e6e6;
	cursor: not-allowed;
}
.btn_disabled:hover{
	background-color: #fff;
}