直接上代码
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;
}
这样就生成一个上三角形，同理，调节其他边（宽度或者是否透明）可以生成不同形状的三角形。
原文：https://www.cnblogs.com/iwtw666/p/14474278.html