JSFiddle - React, Tailwind, and code Playground

by meo

HTML

<div class="content"></div>

CSS

body {
    background: #000;
}
div {
    position: relative;
    background: #fff;
    height: 250px;
    margin: 100px 0;
}
div:before, div:after {
    content: "";
    position: absolute;
    left:0;
    right: 0;
    height: 10px;
}
div:after {
    background: red;
    bottom: 0;
}
div:before {
    background: blue;
    top: 0;
}