Take minutes to get rid of all the triangles in the CSS that make you bothered

Words don't say much, direct

. triangle-one {
    Display:inline-block;
    border-top:50px Red Solid;
    border-right:50px Green solid;
    border-bottom:50px Yellow Solid;
    border-left:50px Blue Solid;
}

. triangle-six {
    Display:inline-block;
    border:50px transparent solid;
    border-bottom:50px Yellow Solid;
}

. triangle-eight {
    Display:inline-block;
    border:50px transparent solid;
    border-left:30px Yellow Solid;
    border-bottom:0;
}

Using the Border Override property:

<!    DOCTYPE html>
　　
A sharp angle like this is done like this:
<!    DOCTYPE html>
　                              /    & nbsp                          ,         &NB Sp                          ,         &NB Sp                          ,         &NB Sp                          ,         &NB Sp                          ,         &NB Sp                          ,         &NB Sp                                 &NBSP                          ,         &NB Sp                          ,         &NB Sp                          ,         &NB Sp                          ,         &NB Sp           small pictures can go to http://www.bootcss.com/p/font-awesome/to download third-party modules,
Corresponds to a Unicode encoded picture
Font Awesome provides you with scalable vector icons that you can change using all the features provided by CSS, including: size, color, shading, or any other supported effect.
How to import:
<link href= ". /font-awesome/css/font-awesome.css "type=" Text/css "rel=" stylesheet ">



Take minutes to get rid of all the triangles in the CSS that make you bothered