<div class="xiantiao">
<div class="city" style="margin-left:8px;"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city"></div>
<div class="city" style="margin-right:0px;"></div>
</div>
<style>
.xiantiao{width:100%; height:2px; overflow: hidden;}
.city {
width:36px;
height:2px;
margin-right: 23px;
background-color: #44a5fc;
color: #333;
transform: skew(-45deg);
float:left;
}
</style>