What many people don’t know is that when you are drawing borders in CSS you are actually drawing triangles. Four triangles each represent one border of a box. With coloring one border and setting the others to transparent, you can create a singular triangle. read more about creating triangles with css