CSS

1，上三角型

div {
    width: 0;
    height: 0;
    border: 40px solid;
    border-color: transparent transparent red;
}



2，下三角型

div {
    width: 0;
    height: 0;
    border: 40px solid;
    border-color: red transparent transparent;
}

以此类推 。。