How a CSS Triangle is Made

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.
Three of the borders are actually transparent in color.
That's how a CSS triangle is made!