How to write triangles with CSS Back

/** top to bottom 6x6 */
.triangle {
    border: 3px solid transparent;
    border-top: 6px solid #000;
    height: 0;
    width: 0;
}

Demo

See the Pen PNbgXd by aleen42 (@aleen42) on CodePen.