一、内联元素和块级元素都能做到,以后大家就可以不用找图片或者用svg或者其他ico图标啦,几句代码就能搞定:
<div class="arrow"></div>
<style>
.arrow:after {
width: 10px;
height: 10px;
border-right: 1px solid #333;
border-top: 1px solid #333;
transform: rotate(45deg);
position: absolute;
right: 10px;
top: 18px;
content: "";
}
</style>
二、这是 > 要想得到其他方向的,那就更改transform: rotate(45deg);里面的角度就可以了,最后希望能帮到大家