CSS3实现三角步骤条

 

html：

 

<div class="stepBox clearfix lhh40 mt40">

<div class="stepItem fl fs16 c_fff textc lhh40 active" style="width: 382px;">

<i class="">1</i>

<span class="c_fff typo_bold">买家申请售后</span>

</div>

<div class="stepItem fl fs16 c_fff textc lhh40" style="width: 400px;">

<i class="">2</i>

<span class="c_fff typo_bold">卖家处理退款申请</span>

</div>

<div class="stepItem fl fs16 c_fff textc lhh40" style="width: 416px;">

<i class="">3</i>

<span class="c_fff typo_bold">退款完毕</span>

</div>

</div>

 

公共css：

*{

font: 12px/150% PingFangSC-Regular;

color: #333333;

background: