JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div class='solid'></div>

CSS

.solid{
  
  width: 300px;
  border-image: linear-gradient(to right, red 25%, blue 25%, blue 50%, green 50%, green 75%, orange 75%);
  border-image-slice: 4;
 
  
}