美文网首页
实现箭头

实现箭头

作者: 石子1110 | 来源:发表于2017-06-07 18:02 被阅读0次

    箭头一般会用特殊符号或者iconfont实现,之前学到一个用块标签来写的,不知实不实用,写记录下来

    html代码如下:

    <div class="arrow"></div>

    css代码:

    .arrow{

       width: 20px;

       height: 20px;

       border-left: 2px solid #ccc;

       border-bottom: 2px solid #ccc;

       transform: rotate(-45deg);

    }

    效果:

    相关文章

      网友评论

          本文标题:实现箭头

          本文链接:https://www.haomeiwen.com/subject/pjjafxtx.html