http://cssgradientbutton.com/#

snippet.css

a.blue{
border:1px solid #3C6082; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-weight:bold;
font-family:Dotum !important;
padding: 3px 10px 3px 10px; 
text-decoration:none; 
display:inline-block;
text-shadow: -0px -0px 0 rgba(0,0,0,0.3);
 
color: #FFFFFF !important;
 background-color: #7AA2C6; background-image: -webkit-gradient(linear, left top, left bottom, from(#7AA2C6), to(#537DA5));
 background-image: -webkit-linear-gradient(top, #7AA2C6, #537DA5);
 background-image: -moz-linear-gradient(top, #7AA2C6, #537DA5);
 background-image: -ms-linear-gradient(top, #7AA2C6, #537DA5);
 background-image: -o-linear-gradient(top, #7AA2C6, #537DA5);
 background-image: linear-gradient(to bottom, #7AA2C6, #537DA5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7AA2C6, endColorstr=#537DA5);
}
 
a.blue:hover{
 border:1px solid #1c5675;
 background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
 background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
 background-image: -moz-linear-gradient(top, #26759e, #133d5b);
 background-image: -ms-linear-gradient(top, #26759e, #133d5b);
 background-image: -o-linear-gradient(top, #26759e, #133d5b);
 background-image: linear-gradient(to bottom, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

관련 문서