超短小教程:如何生成一个CSS的三角形?

Imagine a box(假设这里有一个盒模型)
The box has a border-top(这个盒模型拥有一个上边框)
It also has the other borders(当然,同时包含其它边框)
Notice how the borders meet each other at angles.(注意一下边框连接处的角度)
The background of the box is transparent.(盒模型的背景是透明的)
The box is actually zero width and zero height.(盒模型的宽度和高度设置为0)
Three of the borders are actually transparent in color.(其它3个边框颜色透明)
That's how a CSS triangle is made!(看到了一个CSS的三角形如何生成了吧!)