CSS绘制步骤条 ( 三角形)

1.绘制三角形

<div id="crumbs">
  
</div>
<style type="text/css">
#crumbs {   
width:0;
height:0;   
/*border-left:60px solid transparent;   
border-right:60px solid transparent;   
border-bottom:100px solid rgba(76,185,252, 0.6); */

/*border-left: 10px solid transparent;
    border-right: 50px solid transparent;
    border-top: 160px solid red;*/
   
    /*border-top: 100px solid transparent;
    border-right: 100px solid red;
    border-bottom: 50px solid transparent;*/
   

   /*向右*/
    border-top: 50px solid transparent;
    border-left: 20px solid red;
    border-bottom: 50px solid transparent;
}