小三角2

/*css style */  
#up { width:0px; height:0px; border-bottom:10px solid #89b007; border-left:10px solid #fff; border-right:10px solid #fff; } #down { width:0px; height:0px; border-top:10px solid #89b007; border-left:10px solid #fff; border-right:10px solid #fff; } #left { width:0px; height:0px; line-height:0px; /*解决ie出现梯形问题*/ border-right:10px solid #89b007; border-top:10px solid #fff; border-bottom:10px solid #fff; } #right { width:0px; height:0px; line-height:0px; /*解决ie出现梯形问题*/ border-left:10px solid #89b007; border-top:10px solid #fff; border-bottom:10px solid #fff; } #trapezoid { width:7px; height:15px; border-bottom:10px solid #89b007; border-left:10px solid #fff; border-right:10px solid #fff; }
html:
       <div >		
</div>
<br/>
<div >
</div>
<br/>
<div >
</div>
<br/>
<div >
</div>
<div >	
</div>

相关文章:

  • 2022-12-23
  • 2022-01-02
  • 2021-11-22
  • 2021-09-10
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-13
  • 2021-12-25
  • 2022-12-23
  • 2021-10-25
  • 2022-12-23
  • 2022-12-23
  • 2021-06-10
相关资源
相似解决方案