SOURCE

<div>
  <button class="btn btn_big">
    超大按钮
  </button>
  <button class="btn">
    常规按钮
  </button>
  <button class="btn btn_small">
    小型按钮
  </button>
  <button class="btn btn_mini">
    迷你按钮
  </button>
</div>

a:hover {
  color: #e6e6e6;
}

.btn {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 18px;
  background-color: #49c8f2;
  font-size: 14px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  border: 0;
  margin: 2px 6px;
  behavior: url(../js/PIE.htc);
}

.btn:hover {
  background-color: #65cdf0;
}

.btn_big {
  height: 42px;
  line-height: 42px;
  padding: 0 22px;
  background-color: #49c8f2;
  font-size: 16px;
}

.btn_small {
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  background-color: #49c8f2;
  font-size: 12px;
}

.btn_mini {
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 4px !important;
  background-color: #49c8f2 !important;
  font-size: 12px;
}