google 首页 按钮 样式

google 原样式

.btn_gl{
	background-image:-ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
	background-color:#f5f5f5;
	background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);
	border:1px solid #dcdcdc;
	border:1px solid rgba(0, 0, 0, 0.1);
	border-radius:2px;color:#666;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	font-family:微软雅黑;
	height:29px;
	line-height:27px;
	margin:11px 6px;
	min-width:54px;
	padding:0 8px;
	text-align:center;
}

.btn_gl:hover{
	background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
	background-color:#f8f8f8;
	background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
	border:1px solid #c6c6c6;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	color:#333;
}

.btn_gl:focus{
	border:1px solid #4d90fe;
	outline:none;
}

　　本人精简后的样式（勿喷，简化些代码而已，新手~）

.btn_gl{
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
	/*border-radius:2px; 圆角 */ 
	background-color:#f5f5f5;
	border:1px solid #c6c6c6;
	font-weight:bold;
	box-shadow:0 1px 1px rgba(0,0,0,0.1);
	color:#333;
	text-align:center;
	font-family:微软雅黑;
	min-width:54px;
}

.btn_gl:hover{
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
	background-color:#f8f8f8;
}