JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<div class='a'></div>
<div class='b'></div>
<div class='c'></div>
<div class='d'></div>
<div class='e'></div>

CSS

div
{
    border: 1px solid black;
    width:100px;
    height:100px;
    background-image: url(http://placehold.it/50x50);
    background-position:left 0px top 10px;
    background-repeat:no-repeat;
}
div.a
{
    background-repeat:no-repeat;
}
div.b
{
    background-repeat:repeat-x;
}
div.c
{
    background-repeat:repeat-y;
}
div.d
{
    background-repeat:repeat;
}
div.e
{
    background-color:red;
    background-repeat:no-repeat;
}