我之前還是真沒有用過 css畫三角形料皇，用的切圖。
但是切圖要請求網(wǎng)絡上的資源昂儒」凳梗可能不劃算
所以就要實現(xiàn) css畫各種三角形
先看一下原理吧，將div的width和heigh設置為0后渊跋，border設置寬度和顏色腊嗡，具體就實現(xiàn)一下的效果。通過控制邊框的顏色設置為transparent(透明)拾酝。即可顯示想要的三角形燕少。
code
<style>
div{
width:0;
height:0;
border-top: 100px solid red;
border-left: 100px solid green;
border-right: 100px solid black;
border-bottom: 100px solid orange;
}
</style>
<div>
</div>
效果圖如下：
2018-01-31_132425.png
1.正三角形
<style>
div{
width:0;
height:0;
border-top: 100px solid transparent;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 100px solid orange;
}
</style>
<div>
</div>
正三角.png
其余不一一列舉了。
