JSFiddle - React, Tailwind, and code Playground

HTML

<table cellspacing="0">

  <td class="home"><a href="index.html" name="home">Home</a></td>
  <td class="gallery"><a href="gallery.html" name="gallery">Gallery</a></td>
  <td class="members"><a href="members.html" name="members">Members</a></td>
  <td class="logout" style="border-right: none;"><a href="logout.html" name="logout">Logout</a></td>

</table>

CSS

td.home {
  background: url(home.png)no-repeat 35px 50px, -webkit-linear-gradient(bottom, #e2e2e2, #fff);
  background: url(home.png)no-repeat 35px 50px, -o-linear-gradient(bottom, #e2e2e2, #fff);
  background: url(home.png)no-repeat 35px 50px, linear-gradient(to top, #e2e2e2, #fff);
}

td.home:hover {
  background: url(home.png)no-repeat 35px 50px, -webkit-linear-gradient(bottom, #cac2c2, #fff);
  background: url(home.png)no-repeat 35px 50px, -o-linear-gradient(bottom, #cac2c2, #fff);
  background: url(home.png)no-repeat 35px 50px, linear-gradient(to top, #cac2c2, #fff);
}

td.gallery {
  background: url(gallery.png)no-repeat 40px 50px, -webkit-linear-gradient(bottom, #e2e2e2, #fff);
  background: url(gallery.png)no-repeat 40px 50px, -o-linear-gradient(bottom, #e2e2e2, #fff);
  background: url(gallery.png)no-repeat 40px 50px, linear-gradient(to top, #e2e2e2, #fff);
}

td.gallery:hover {
  background: url(gallery.png)no-repeat 40px 50px, -webkit-linear-gradient(bottom, #cac2c2, #fff);
  background: url(gallery.png)no-repeat 40px 50px, -o-linear-gradient(bottom, #cac2c2, #fff);
  background: url(gallery.png)no-repeat 40px 50px, linear-gradient(to top, #cac2c2, #fff);
}

td.members {
  background: url(members.png)no-repeat 42px 50px, -webkit-linear-gradient(bottom, #e2e2e2, #fff);
  background: url(members.png)no-repeat 42px 50px, -o-linear-gradient(bottom, #e2e2e2, #fff);
  background: url(members.png)no-repeat 42px 50px, linear-gradient(to top, #e2e2e2, #fff);
}

td.members:hover {
  background: url(members.png)no-repeat 42px 50px, -webkit-linear-gradient(bottom, #cac2c2, #fff);
  background: url(members.png)no-repeat 42px 50px, -o-linear-gradient(bottom, #cac2c2, #fff);
  background: url(members.png)no-repeat 42px 50px, linear-gradient(to top, #cac2c2, #fff);
}

td.logout {
  background: url(logout.png)no-repeat 39px 50px, -webkit-linear-gradient(bottom, #e2e2e2, #fff);
  background: url(logout.png)no-repeat 39px 50px, -o-linear-gradient(bottom, #e2e2e2, #fff);
...