CSS画三角形

1.设置盒子width和height都为0（上来宽高直接怼个0）

2.分别是设置四个边框，但是有一点要注意就是所有的这四条边都要有宽度

3.最终想画出来的三角形，哪个直角边有颜，就哪个盒子的边框设置颜色，其余的设置为transparent

 比如想画这个样子的三角形，我们需要先设置width：0；height：0，接下来确定这个三角形只有底边（bottom）和右边（right）有颜色，所以我们只需要将bottom和right设置颜色

，其余的设置为透明就可以了

div {
            width: 0;
            height: 0;
            border-top: 100px solid transparent;
            border-right: 100px solid red;
            border-bottom: 100px solid red;
            border-left: 100px solid transparent;
        }