思路：
1，先做1个正方形，然后旋转45°即可让箭头分别朝向上下左右
2，需要那个朝向的箭头就分别设置这个箭头两边边框颜色，如下代码可以实现箭头朝右
div {
width: 8px;
height: 8px;
border-top: 1px solid #666;
border-right: 1px solid #666;
transform: rotate(45deg);
}
css巧用 transform的 rotate属性得到三角形箭头（取代iconfont的字体符号）
原文：https://www.cnblogs.com/JeffreyZhu/p/15177160.html