JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" cellpadding="50">
    <tr>
        <td style="border-left:10px solid blue">Content</td>
        <td>Content</td>
        <td>Content</td>
    </tr>
     <tr>
        <td>Content</td>
        <td>Content</td>
        <td>Content</td>
    </tr>
     <tr>
        <td>Content</td>
        <td>Content</td>
        <td>Content</td>
    </tr>
</table>

CSS

table {
  border:1px solid #000;
 
  
}
tr {border-top:1px solid #000;}
tr + tr {border-top:1px solid red;}
td {border-left:1px solid #000;}
td + td {border-left:1px solid red;}