JSFiddle - React, Tailwind, and code Playground

by stitot

HTML

<table>
<thead>
  <tr><th>asd</th><th>asdf</th></tr>
</thead>
<tbody>
  <tr><td>asd</td><td>asdf</td></tr>
  <tr><td>asd</td><td>asdf</td></tr>
  <tr><td class="red">asd</td><td>asdf</td></tr>
  <tr><td>asd</td><td>asdf</td></tr>
</tbody>
</table>

CSS

table {
  bord er: 1px solid #000;
  border-color: #000;
  border-style: solid;
  border-width: 5px;
  border-spacing: 0;
}

table th, table td {
  border: 1px solid #000;
  bo rder-bottom-color: green;
  bo rder-bottom-style: solid;
  bo rder-bottom-width: 3px;
}

.red {
  border-bottom: 10px dotted red;
}