如何创建已剥离的html表

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
  </tr>
  <tr>
    <td>单元格3</td>
    <td>单元格4</td>
  </tr>
</table>

<table class="my-table">
  <tr>
    <td class="my-cell">单元格1</td>
    <td class="my-cell">单元格2</td>
  </tr>
  <tr>
    <td class="my-cell">单元格3</td>
    <td class="my-cell">单元格4</td>
  </tr>
</table>

.my-table {
  border-collapse: collapse;
}

.my-cell {
  border: 1px solid black;
  padding: 5px;
}

<link rel="stylesheet" href="styles.css">