实心三角箭头:
i{
display: block;
width: 0;
height: 0;
position: relative;
border-color: transparent transparent transparent #000;
border-style: solid;
border-width: 7px 0px 7px 9px;
}
效果图:
空心三角箭头:
i{
display: block;
width: 0;
height: 0;
position: relative;
border-color: transparent transparent transparent #000;
border-style: solid;
border-width: 7px 0px 7px 9px;
}
i::before{
content: "";
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 6px 0px 6px 8px;
position: absolute;
left: -9px;
top: -6px;
z-index: 1;
}
效果图: