css实现三角形

css实现三角形

图中四个颜色不同的三角形的形成方案是：

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

而上图中的 css 代码绘制的是一个箭头指向右侧的粉色三角形。
代码中被框出来的行高和字号的样式是为了实现低版本浏览器的兼容。