css分析

<ul class="tab-bar">
  <li class="active">
    hehewerwerwerwer
  </li><li>
    hehewerwerwerwer
  </li>
</ul>

ul.tab-bar {
  display: inline-block;
  padding:0;
  border: 1px solid #2EA9F0;
  border-radius: 6px ;
  color: #2EA9F0;
  font-size: 16px;
  font-family: microsoft yahei;
}
ul.tab-bar li {
  display: inline-block;
  list-style: none;
  padding:0;
  width:85px;
  height:25px;
  border-left: 1px solid #2EA9F0;
  text-align: center;
  cursor: pointer;
  overflow-x:hidden;
}
ul.tab-bar li:first-of-type{
    border-left:0; 
}
ul.tab-bar li.active {
  background: #2EA9F0;
  color: #fff;
}