CSS triangles can be created using the borders of an element. The core concept here is that a CSS triangle can be formed by manipulating the width and colour of the borders of a CSS element.  For instance, to create a triangle pointing upwards, you would set the bottom border to a certain width and colour and the rest of the borders to transparent and 0 width.