CSS创建箭头
- 不建议
.icon_return{
background: #fff;
width: 14rpx;
height: 14rpx;
border-top: 2px solid #867f7a;
border-left: 2px solid #867f7a;
transform: rotate(-45deg);
margin: 4rpx 20rpx;
display: block;
}
- 利用三角绘制箭头,只需要再绘制一个和此三角大小相同,方向相同的三角,颜色和背景颜色一样,覆盖在此三角上面,通过少量的位移形成箭头。
.container{
width: 0;
height: 0;
border: 50px solid;
border-color: red transparent transparent transparent;
position: relative;
}
.container::after{
content: '';
position: absolute;
top: -55px;
left: -50px;
border: 50px solid;
border-color: white transparent transparent transparent;
}
参考链接:CSS绘制箭头