JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>Burger Ipsum summer meal beef satisfied. Tasty character broiled steak sauce tomato. Tofu. Swiss herbs grill thick. Goat veggie course filling buns. Feta giant spicy barbecue.</td>
    <td>Chewing lettuce. Cheddar mustard potato ketchup meaty eggs. Tators greasy favorite cheese. Hamburg goodness pickles juicy delicious mozzarella toppings.</td>
    <td>Stout culinary. All-American cucumber comfort food layers. Frozen relish classic slices bread crumbs. Plain lunch.</td>
  </tr>
</table>

CSS

/* Inspired by http://stackoverflow.com/a/10150898/724752 */
td:first-child {
  box-shadow:
    inset 0px 11px 8px -10px blue,
    inset 0px -11px 8px -10px blue,
    inset 11px 0px 8px -10px blue; 
}
td {
  box-shadow:
    inset 0px 11px 8px -10px blue,
    inset 0px -11px 8px -10px blue;
}
td:last-child {
  box-shadow:
    inset 0px 11px 8px -10px blue,
    inset 0px -11px 8px -10px blue,
    inset -11px 0px 8px -10px blue; 
}

/* Regular table setup, you can ignore this. */
table { border-collapse: collapse; }
td { border: 1px solid black; }