css巧用 transform的 rotate属性得到三角形箭头（取代iconfont的字体符号）

时间：2021-08-23 19:27:27 收藏：0 阅读：25

思路：

1，先做1个正方形，然后旋转45°即可让箭头分别朝向上下左右

2，需要那个朝向的箭头就分别设置这个箭头两边边框颜色，如下代码可以实现箭头朝右

技术分享图片

div {
    width: 8px;
    height: 8px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    transform: rotate(45deg);
}

原文：https://www.cnblogs.com/JeffreyZhu/p/15177160.html