>[danger]CSS繪制三角形 ---- 1. 首先你要知道, border是梯形的, 而且border是占可視范圍的 ~~~ width: 0; height: 0; border-left: 100px solid black; border-right: 100px solid red; border-bottom: 100px solid yellow; border-top: 100px solid blue; ~~~ 代碼效果:  2. 所以我們只需要設置其他三邊為白色/transparent就可以只看到黑色三角形了 ~~~ width: 0; height: 0; border-left: 100px solid black; border-right: 100px solid white; border-bottom: 100px solid white; border-top: 100px solid white; ~~~ 代碼效果:  >[danger] CSS繪制拉伸三角形 --- 其實就是設置邊框的大小, 上下小一點,左邊是4倍,右側nome  樣式如下: ``` width: 0; height: 0; border-left: 200px solid red; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: none; ```