如何通过css实现一个纯色三角形

如何通过css实现一个纯色三角形

css中有一个color属性：transparent，透明的意思

#demo{

width:0;

height:0;

border-width:200px;

border-style:solid;

border-color:transparent transparent pink transparent

//在这里每一个颜色代表一个位置：上 右  下  左  ，设置了上 右  和左为透明，就剩下下面一个border，就可以实现了

}