如何让 css 中的第一行和所有列透明？

Question

如何使用 HTML 和 CSS 为此编写代码。

请注意第一行和第一行的列是透明的

Answer 1

table {
    border-collapse: collapse;
}

th {
    height: 6rem;
    width: 6rem;
    text-align: left;
}

.background {
    background-color: lightgrey;
}

tr {
    height: 6rem;
    width: 6rem;
}

td {
    border: 1px solid lightgrey;
    border-collapse: collapse;
}

<table>
      <tr>
        <th>A</th>
        <th>B</th>
        <th>C</th>
        <th>D</th>
      </tr>
      <tr class="background">
        <td>9</td>
        <td>9</td>
        <td>9</td>
        <td>9</td>
      </tr>
      <tr>
        <td>4</td>
        <td>4</td>
        <td>4</td>
        <td>4</td>
      </tr>
     </table>