效果图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.arrow-up {
display: inline-block;
vertical-align: top;
border-bottom: 4px solid #dd0000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
margin-top: 5px;
}
.arrow-down {
display: inline-block;
vertical-align: top;
border-top: 4px solid #dd0000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";