JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div></div>

CSS

div {
    margin: 20px;
    width: 100px;
    height: 100px;
    background-color: #F8F9FA;
    background-image: radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px),radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px),radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px),radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px);
    background-image: -moz-radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px),-moz-radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px),-moz-radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px),-moz-radial-gradient(#dedede 1px, rgba(255, 255, 255, 0) 1px);
    background-position: top,right,bottom,left;
    background-size: 1px 1px,1px 1px;
    background-repeat: repeat-x,repeat-y;
 
}