``` .box { width: 0; height: 0; border: 20px solid transparent; border-bottom: 20px solid red; ?} ```  ___ #### 演變過程  > 當我們四個邊框設置了不同顏色 會發現居然是這樣顯示的，按理說大家都是一個矩形，這樣就會存在交叉重疊的部分，防治他們打架爭奪地盤。給出了一個合理解決方法，大家平分天下，所以看起來像一個梯形了。得到梯形后會發現當梯形的兩邊向中間靠攏就會出現三角形，那么我們就把這個盒子的寬度設置為0 這樣他們就合成了一個三角形，然后去掉高度把其他三邊透明化這樣就出現了三角形。