暗灰色的圆形按钮代码,Css代码库,德仔网

代码语言

代码分类

【Css】暗灰色的圆形按钮

作者:Dezai.CN / 发布于2013/7/5/ 579


	/* */
	.graybtn {
	 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	 box-shadow:inset 0px 1px 0px 0px #ffffff;
	 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) );
	 background:-moz-linear-gradient( center top, #ffffff 5%, #d1d1d1 100% );
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d1d1d1');
	 background-color:#ffffff;
	 -moz-border-radius:6px;
	 -webkit-border-radius:6px;
	 border-radius:6px;
	 border:1px solid #dcdcdc;
	 display:inline-block;
	 color:#777777;
	 font-family:arial;
	 font-size:15px;
	 font-weight:bold;
	 padding:6px 24px;
	 text-decoration:none;
	 text-shadow:1px 1px 0px #ffffff;
	}
	.graybtn:hover {
	 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d1d1d1), color-stop(1, #ffffff) );
	 background:-moz-linear-gradient( center top, #d1d1d1 5%, #ffffff 100% );
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#ffffff');
	 background-color:#d1d1d1;
	}
	.graybtn:active {
	 position:relative;
	 top:1px;
	}

试试其它关键字

　按钮　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)