在按钮中使用CSS渐变与背景图像

There is example below :

有以下示例:

.btn
{
 color:white;
 border:solid 1px navy;
 cursor:pointer;
 font-weight:bold;
 text-align:center;
 padding-left:26px;
 text-align:left;
 width:120px;
 height:25px;
 display:inline-block;
 background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%);
}
.btn:hover
{
 background: -moz-linear-gradient(top,  #dff2fc 0%, #d7effc 48%, #bde4fa 80%, #abddf8 100%);
 border:1px solid #3C7FB1;
 color:Black;
}
.btn
{
 col