话不多说直接上代码
div{
width: 0;
height: 0;
border-width: 50px;
border-style: solid;
border-color: red blue green pink;
}
单个三角形只需要隐藏掉其他的三个就可以了
div{
width: 0;
height: 0;
border-width: 50px;
border-style: solid;
border-color: red transparent transparent transparent;
}