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

思路:

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

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

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

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

  

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

上一篇:C++的优秀特性3:构造函数和析构函数


下一篇:Apache设置禁止显示网站目录列表