div+css 画三角形

浏览数：21 / 时间：2015年06月09日

<style type="text/css">  
.rightdirection  
{  
    width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color:transparent transparent transparent #A9DBF6;  
}  
.bottomdirection  
{  
    width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color: #A9DBF6 transparent transparent transparent;  
}  
.leftdirection  
{  
    width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color: transparent #A9DBF6  transparent transparent;  
}  
.topdirection  
{  
    width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color: transparent transparent #A9DBF6 transparent;  
}  
.topdirection1  
{  
    width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color: #A9DBF6   transparent transparent #A9DBF6 ;  
} 
</style>  
<div  class="rightdirection"></div>  
<p>  
<div  class="bottomdirection"></div>  
<p>  
<div  class="leftdirection"></div>  
<p>  
<div  class="topdirection"></div>  

<br/><br/><br/><br/>
<div  class="topdirection1"></div>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

div+css 画三角形