如何用css创建一个三角形

• border；
• linear-gradient；
• clip-path

1.border方法 先绘制一个宽高都为0的元素，让border上面可见，其他设置成透明

.triangle {
    width: 0;
    height: 0;
    border-top: 50px solid skyblue;
    border-right: 50px solid transparent;
    border-left: 50px solid transparent;
}

其他方向也可实现。

等腰三角形

.triangle {
        width: 0;
        height: 0;
        border-bottom: 100px solid skyblue;
        border-right: 69px solid transparent;
        border-left: 69px solid transparent;
    }