用css做一个箭头

2019-12-31  本文已影响0人  不想起床_9a42

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; 

上一篇下一篇

猜你喜欢

热点阅读