JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td>Lorem</td><td>Ipsum</td></tr>
    <tr id="before-foo"><td>Lorem</td><td>Ipsum</td></tr>
    <tr id="foo"><td>The border of these cells</td><td>is not uniformly red!</td></tr>
    <tr id="after-foo"><td>Lorem</td><td>Ipsum</td></tr>
</table>

CSS

body { margin: 1em; }

table { border-collapse: collapse; border-spacing: 0 }

td { padding: 5px; border: 3px black solid; }

#foo td { border: 3px red solid; }

#before-foo td {
  border-bottom-color: red; }
#after-foo td { 
  border-top-color: red; }