如何使用div创建三角形

border-left: 50px solid black;
border-right: 50px solid transparent;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
实现原理使用边框实现，使想要的一个三角形出来就设置一个背景颜色，其他边框的背景颜色设置为透明
然后使用transform的rotate的属性旋转到适合的角度