手写三角形

html 

<div id="div"></div>

css
#div{
    width: 0;
    height: 0;
    border-top: 500px solid black;
    border-left: 500px solid pink;
    border-right: 500px solid red;
    border-bottom: 500px solid red;

}

说明

需要那种的把border相对应的 color值 设置为 transparent