SOURCE

<div class="button-box">
    <button class="item-button">回去的话</button>
    <button class="item-button active">业务域名</button>
    <button class="item-button">很多东西可以</button>
    <button class="item-button">获取数了吗</button>
    <button class="item-button">好的喔喔</button>
    <button class="item-button">气话下</button>
    <button class="item-button">嗯嗯呢</button>
  </div>

 .button-box{
      overflow: hidden;
    }
    .item-button{
      border: 1px solid #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 15px;
      height: 40px;
      border-radius: 20px;
      float: left;
      margin-right: 20px;
      margin-bottom: 10px;
      background-color: #fff;
      
    }
    .item-button.active{
      background-color: #00D4C3;
      border: 1px solid #00D4C3;
      color: #fff;

    }