中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

CSS實(shí)現(xiàn)小三角

三角的顏色可以根據(jù)需要設(shè)置，白色的三角只需要把 border-left、border-right設(shè)置為transparent，然后border-bottom設(shè)置為#fff就可以了
更加詳細(xì)的三角形設(shè)置

/*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出現(xiàn)梯形問題*/
  border-right:10px solid  #89b007;
  border-top:10px solid #fff;
  border-bottom:10px solid #fff; 
  
 }
  #right {
     width:0px;
  height:0px;
  line-height:0px;             /*解決ie出現(xiàn)梯形問題*/
  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 id="up">  
</div>
<br/>
<div id="down">
</div>
<br/>
<div id="left">
</div>
<br/>
<div id="right">
</div>
<div id="trapezoid"> 
</div>