Pure CSS triangle symbol

Triangles are often used in projects. Now I will tell you about the lower triangle solid graphics written in pure CSS

.triangle{
    border-width: 5px 4px 0 4px;
    border-color:  #454A7B transparent transparent transparent;
    border-style:solid;
    height: 0; 
    width: 0;
}

Adjust the triangle graphics in other directions by yourself Style, draw inferences from one example, don't be so lazy, you will make progress by doing it yourself.

For more articles related to pure CSS triangle symbols, please pay attention to the PHP Chinese website!