div+css制作菱形

受益于以为大神的启发，使用border的方式制作菱形图案 

        <div style="float:left;border-width:25px;border-color:#727171 #9fa0a0 #9fa0a0 #727171;border-style:solid"></div>
        <div style="float:left;border-width:25px;border-color:#727171 #727171 #9fa0a0 #9fa0a0;border-style:solid"></div>
        <div style="float:left;border-width:25px;border-color:#9fa0a0 #9fa0a0 #727171 #727171;border-style:solid"></div>
        <div style="float:left;border-width:25px;border-color:#9fa0a0 #727171 #727171 #9fa0a0;border-style:solid"></div>