css 伪类 :after 制作一个三角箭头 最简单的那种

一、内联元素和块级元素都能做到，以后大家就可以不用找图片或者用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);里面的角度就可以了，最后希望能帮到大家