css 实现三角形

利用border实现三角形，角朝哪个方向，哪个方向的border为0 ,相反方向的border设置为三角形的颜色，其他两边的border颜色设置为透明。

<div class="sanjiao"></div>

.sanjiao::after {
    content: "";
    height: 0;
    width: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #ff9f24;
    display: block;
    margin: 0 auto;
}

效果如下：