使用border畫三角形
思路1: border四個邊框分別設置, 可以把其中三個設置成透明
結構:?<div class="box"></div>
樣式:?
```
.box1 {
width: 0px;
height: 0px;
border-top: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid yellow;
}
```
效果圖:?
思路2: 只設置相鄰兩條邊
.box2 {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid yellow;
}
思路3: 設置3條邊
.box3 {
width: 0px;
height: 0px;
border-top: 100px solid red;
border-right: 50px solid yellow;
border-left: 50px solid green;
}
