SOURCE

<div class="btn_group">
  <a href="#">
    第一
  </a>
  <a href="#">
    第一
  </a>
  <a href="#">
    第一
  </a>
  <a href="#">
    第一
  </a>
</div>

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

.btn_group a {
  padding: 10px 12px;
  border-left: 1px solid #f0f0f0;
}

.btn_group a:first-child {
  border-left: none;
}

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

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  color: #e6e6e6;
}