css 写一个向右的箭头

可以使用 CSS 的伪元素 ::after 来实现向右的箭头，代码如下：

.arrow-right {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
}

.arrow-right::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
width: 10px;
height: 10px;
border-top: 2px solid black;
border-right: 2px solid black;
}