css实现三角形

直角三角形

.box1 {
    width: 0;
    height: 0;
    border: 150px solid transparent;
    border-bottom-color: #4fe3e2;
}

锐角三角形

.box2 {
    width: 0;
    height: 0;
    border-width: 150px 100px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #3e4d5a;
}