<!DOCTYPE html>
<style>
table { border: solid 2px; border-spacing: 5px; padding: 5px; }
col { background: linear-gradient(-60deg, red 50%, blue 50%); }
</style>
<table style="transform: rotate(90deg);">
  <col style="width: 100px;"></col>
  <col style="width: 50px;"></col>
  <tr style="height: 100px;">
    <td></td>
    <td></td>
  </tr>
  <tr style="height: 50px;">
    <td></td>
    <td></td>
  </tr>
</table>
