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;
网友评论