CodePen Embed - Natural CSS border arrows.

<div></div>

body
	display: flex
	min-height: 100vh
	align-items: center

div
	width: 0
	border: 15px solid
	border-top-color: red
	border-right-color: orange
	border-bottom-color: blue
	border-left-color: green
	margin: auto

View Compiled

This Pen is owned by brooklyn! on CodePen.

See more by @babbybrooklyn on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.