3.CSS画三角形

方法：使用边框绘制，盒子的宽高都为0
在宽高都为0的情况下，边框的四边都会显示为三角形的样子，所以只需要在正确的方向设定颜色就能画出小三角形了。

box {
  width: 0;
  height: 0;
  border-top: 10px solid pink;
  border-right: 10px solid red;
  border-bottom: 10px solid blue;
  border-left: 10px solid green;
}

所以如果只需要一个方向的三角形，只需要其他边都设为透明颜色transparent就可以了。如下：

box {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: pink;
}