<div class="block"></div>
.block {
	background-color: #eee;
	width: 300px;
	height: 250px;
	border: 16px solid #666;
	border-image: linear-gradient(red, yellow);
  border-image-slice: 0 0 8 16; 
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.