Как сделать прозрачными первую строку и все столбцы в 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>