html中三角形的做法

.sjx{
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid red;
    border-bottom: 0;
}

<div>
	<i class="sjx"></i>
</div>