用CSS写一个三角形

把div的宽高设置为0，border设置50px solid #fff; 边框宽为50px,默认边框背景颜色为白色，

<style>
.three{
    width: 0;
    height: 0;
    border: 50px solid #fff;
    border-top: 50px solid red;
    border-left: 50px solid green;
    border-right: 50px solid pink;
    border-bottom: 50px solid blue;
}
</style>
<div class="three">
</div>

截图：

需要使用哪个方向的三角形，把其他的注释掉即可。