>[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; ```