阅读 84

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

思路:

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

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐