簡單的按鈕樣式，兩個連在一起的按鈕

樣式效果：

 

 

<div class="btnBox">
  <button class="btn btn1">白名單用戶</button>
  <button class="btn btn2">黑名單用戶</button>
 </div>


<style type="text/css">
  .btnBox{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
  }
  .btn{
   width: 80px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   font-size: 12px;
   background-color: #fff;
  }
  .btn1{
   border: 1px solid #0382FF;
   color: #0382FF;
  }
  .btn2{
   border: 1px solid #eee;
   color: #666;
  }
 </style>