JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>lalal</li>
</ul>

CSS

ul{
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#fff))0 100% 0 0 stretch;
    width: 200px;
}