css制作三角形

<div style="margin: 50px; border: 50px solid ;content:'';border-top-color: #91EF4A; border-right-color: #ffcc00; border-bottom-color: #cc3322; border-left-color: #2a36ff; width: 0px ">

</div>

此为上述代码所生成的图形，当某个边的 颜色设为transparent（透明）时，可设置为相应的图形，设置div的长宽时，也可以做出调整