css 渐变按钮

.bg(@bg1:#578BC0; @bg2:#22447B){
  border-radius: 8px;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(@bg1), to(@bg2));
  background: -webkit-linear-gradient(top, @bg1, @bg2);
  background: -moz-linear-gradient(top, @bg1, @bg2);
  background: -ms-linear-gradient(top, @bg1,@bg2);
  background: -o-linear-gradient(top, @bg1, @bg2);
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#578BC0', endColorstr='#22447B')  font-size:14px;*/
  cursor: pointer;
  font-weight: 600;
  margin-top: 10px;
}
.button{
  width: 76px;
  height: 23px;
  color: #FFF;
  font-size: 14px;
  line-height: 20px;
  .bg()
}