Möglichkeit 1
.left-arrow {
	border-color: transparent black;
	border-style: solid;
	border-width: 20px 20px 20px 0px;
	height: 0px;
	width: 0px;
}

.right-arrow {
	border-color: red black;
	border-style: solid;
	border-width: 20px 0px 20px 20px;
	height: 0px;
	width: 200px;
}

.down-arrow {
	border-color: black transparent;
	border-style: solid;
	border-width: 20px 20px 0px 20px;
	height: 0px;
	width: 0px;
}

.up-arrow {
	border-color: black transparent;
	border-style: solid;
	border-width: 0px 20px 20px 20px;
	height: 0px;
	width: 0px;
}
<div class="left-arrow"></div>
<div class="right-arrow"></div>
<div class="down-arrow"></div>
<div class="up-arrow"></div>