gap without border

by watchduck

HTML

<table>
    <tr>
        <td colspan="3">a</td>
    </tr>
    <tr data-v-76e582f6="">
        <td colspan="1">b</td>
        <td colspan="1">c</td>
        <td colspan="1">d</td>
    </tr>
    <tr data-v-76e582f6="">
        <td colspan="1">e</td>
        <td class="gap"></td>
        <td colspan="1">f</td>
    </tr>
    <tr data-v-76e582f6="">
        <td colspan="2" class="gap"></td>
        <td colspan="1">g</td>
    </tr>
</table>

CSS

table {
  border-collapse: collapse;
  text-align: center;
}

td {
  border: 1px solid gray;
  padding: 2px 5px;
}

td.gap {
  border: 0;
}