直接上代码

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

这样就生成一个上三角形，同理，调节其他边（宽度或者是否透明）可以生成不同形状的三角形。

css border实现三角形