red border

by watchduck

HTML

<table>
    <tr>
        <td colspan="5" class="">a</td>
    </tr>
    <tr>
        <td colspan="1" class="">b</td>
        <td colspan="3" class="">c</td>
        <td colspan="1" class="">d</td>
    </tr>
    <tr>
        <td colspan="1" class="gap"></td>
        <td colspan="3" class="">e</td>
        <td colspan="1" class="gap"></td>
    </tr>
    <tr>
        <td colspan="1" class="gap"></td>
        <td colspan="1" class="red">x</td>
        <td colspan="1" class="">y</td>
        <td colspan="1" class="">z</td>
        <td colspan="1" class="gap"></td>
    </tr>
</table>

CSS

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

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

td.gap {
  border: 0;
}

td.red {
  border: 3px solid red;
  display: block;
}