css实现排序箭头

<span style="
　　display: inline-block;
　　border-left: 14px solid #22d422;
　　border-right: 14px solid rgb(205, 226, 22);
　　border-bottom: 14px solid #dc1414;">

hahaha
</span>

hahaha

 

<span class="" style="
　　display: inline-block;
　　border-left: 14px solid transparent;
　　border-right: 14px solid transparent;
　　border-bottom: 14px solid #dc1414;">

hahaha
</span>

hahaha

 宽度设为0就是三角形啦

 https://blog.csdn.net/dengsi19361/article/details/70313132