CSS绘制三角的小技巧

网页中常见一些三角形，使用css直接画出来就可以，不必做成图片或者字体图标
当把一个盒子的高和宽的长度都设置为0，并且分别指定边框样式时，就会得到以下图形：

受此启发，可以知道三角是如何制作的（想要保留哪个三角只需把其他三个边框设置为透明即可）
例如：
div {
width:0;
height:0;
line-height:0;
font-size:0;
border:50px solid transparent;
border-left-color:pink;
}

其中

line-heiight:0;

font-size:0;

只是为了适配不同的浏览器，一般情况下不写也可以