美文网首页
用css做一个箭头

用css做一个箭头

作者: 不想起床_9a42 | 来源:发表于2019-12-31 10:16 被阅读0次

    display: inline-block;

    width: 6px;

    height: 6px;

    border-top: 1px solid #a9a9a9;

    border-right: 1px solid #a9a9a9;

    transform: rotate(135deg);//控制箭头的旋转方向,为顺时针旋转

    position: absolute;

    第二种方法(实心箭头)

     width: 0;   

                        height: 0;   

                        border-left: px2rem(10) solid transparent;  /* 左边框的宽 */  

                        border-right: px2rem(10) solid transparent; /* 右边框的宽 */  

                        border-top: px2rem(12) solid #000000; /* 下边框的长度|高,以及背景色 */  

                        font-size: 0;  

                        line-height: 0; 

    相关文章

      网友评论

          本文标题:用css做一个箭头

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