<ul>
<li>
<div class="arrowUp"></div>
<a href="">向上</a>
</li>
<li>
<div class="arrowDown"></div>
<a href="">向下</a>
</li>
</ul>
<style>
li {
position: relative;
list-style: none;
}
.arrowUp {
position: absolute;
width: 5px;
height: 5px;
left: -10px;
top: 10px;
border-top: 1px solid gray;
border-left: 1px solid gray;
transform: rotate(45deg);
}
.arrowDown {
position: absolute;
width: 5px;
height: 5px;
left: -10px;
top: 10px;
border-top: 1px solid gray;
border-left: 1px solid gray;
transform: rotate(-135deg);
}
a {
margin: 5px;
}
</style>