JSFiddle - React, Tailwind, and code Playground

HTML

<table class="barva1" border="1" cellpadding="4" cellspacing="2">
  <tbody>
    <tr>
      <th>1a</th>
      <th>1b</th>
    </tr>
    <tr>
      <td>1a</td>
      <td>1b</td>
    </tr>
    <tr>
      <td>2a</td>
      <td>2b</td>
    </tr>
    <tr>
      <td>3a</td>
      <td>3b</td>
    </tr>
  </tbody>
</table>

<br />

<table class="barva2" border="15" cellpadding="2" cellspacing="1">
  <tbody>
    <tr>
      <th>LEDEN</th>
      <th>UNOR</th>
    </tr>
    <tr>
      <td>1a</td>
      <td>1b</td>
    </tr>
    <tr>
      <td>2a</td>
      <td>2b</td>
    </tr>
  </tbody>
</table>

CSS

table.barva1, table.barva2 { width: 218px; margin: 0 auto; text-align: center; }
table.barva1 { color: Black; background-color: Silver;  }
table.barva2 { border-style: double; color: White; border-color: rgb(0,128,0); }

table.barva1 th{ background-color: Maroon; color: White; text-shadow: 1px -1px 2px rgb(0,67,0); font-weight: bold; }
table.barva2 th{ box-shadow: 0 0 10px Black; background-color: Gray; color: rgb(0,67,0); -webkit-transform: scale(1) rotate(5deg) translateX(0) translateY(0px) skewX(0deg) skewY(-5deg); }

table.barva1 td{ border-style: dashed; font-style: italic; }
table.barva2 td{ color: rgb(0,68,0); }