<!DOCTYPE html>
<style>
table { border-spacing: 0; }
td { width: 50px; height: 18px; padding: 0; background: green; }
thead td { background: blue }
tfoot td { background: yellow }
</style>
<table>
  <thead><td></td></thead>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr style="height: 2px"></tr>
  <tfoot><td></td></tfoot>
</table>
<table>
  <thead><td></td></thead>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tfoot><td></td></tfoot>
</table>