JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src=http://dpascaner.dyndns.org/Trabajo/Step/scripts/plugins/jquery.multiple-bgs.js></script>
<table class="monos" cellspacing="0"> 
    <tr> 
        <td class="separacionVertical enSeparadorHorizontal primerSeparador">&nbsp;</td> 
        <td class="separacionHorizontal primerSeparador">&nbsp;</td> 
        <td class="separacionHorizontal primerSeparador">&nbsp;</td> 
        <td class="separacionVertical enSeparadorHorizontal">&nbsp;</td> 
        <td class="separacionHorizontal primerSeparador">&nbsp;</td> 
        <td class="separacionHorizontal primerSeparador">&nbsp;</td> 
        <td class="separacionVertical enSeparadorHorizontal">&nbsp;</td> 
    </tr>
    <tr> 
        <td class="separacionVertical primerSeparador">&nbsp;</td> 
        <td id="paginaNumero8" class="pagina" valign="bottom" align="left"> 
            <span class="">8</span> 
        </td> 
        <td id="paginaNumero1" class="pagina" valign="bottom" align="right"> 
            <span class="">1</span> 
        </td> 
        <td class="separacionVertical">&nbsp;</td> 
        <td id="paginaNumero4" class="pagina" valign="bottom" align="left"> 
            <span class="">4</span> 
        </td> 
        <td id="paginaNumero5" class="pagina" valign="bottom" align="right"> 
            <span class="">5</span> 
        </td> 
        <td class="separacionVertical">&nbsp;</td> 
    </tr> 
    <tr> 
        <td class="separacionVertical enSeparadorHorizontal primerSeparador">&nbsp;</td> 
        <td class="separacionHorizontal">&nbsp;</td> 
        <td class="separacionHorizontal">&nbsp;</td> 
        <td class="separacionVertical enSeparadorHorizontal">&nbsp;</td> 
        <td class="separacionHorizontal">&nbsp;</td> 
        <td class="separacionHorizontal">&nbsp;</td> 
        <td class="separacionVertical enSeparadorHorizontal">&nbsp;</td> 
    </tr> 
</table> 
            <style> 
                #paginaNumero8 {
                background:...

CSS

table.monos {
    width: 95%;
    margin: 0px auto 0px;
    border: 3px solid #000000;
    background: url(http://dpascaner.dyndns.org/Trabajo/Step/imagenes/guiaMonos.png) no-repeat top left;
}

table.monos td.separacionVertical {
    width: 10px;
    border-left: 1px solid #000000;
}

table.monos td.separacionVertical.enSeparadorHorizontal,
table.monos td.separacionVertical.primerSeparador {
    border-left-width: 0px;
}

table.monos td.separacionHorizontal {
    height: 10px;
    border-top: 1px solid #000000;
}

table.monos td.separacionHorizontal.primerSeparador {
    border-top-width: 0px;
}

table.monos td.pagina {
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    height: 70px;
    width: 100px;
}

table.monos td.pagina.primeraFila {
    border-top-width: 0px;
}

table.monos td.pagina.primeraColumna {
    border-left-width: 0px;
}