如何用 DIV 畫一個三角形

div+css畫三角形代碼原理采用的是均分原理；
在矩形的直角，兩條邊的樣式要均分，把 div 的寬 高設為零，四條邊 top right bottom left 設置一個寬度，
把需要顯示的一邊設置有色，其他的設置透明，就這樣一個三角形就出來了

代碼如下:

<style>
.box{
　　width: 0;
　　height:0;
　　border-top:50px solid transparent;
　　border-right: 50px solid red;
　　border-bottom: 50px solid transparent;
　　border-left: 50px solid transparent;
}
</style>

<div class="box"></div>