Как создать данную таблицу Html со стилями? [закрыт]

219

14 июня 2022, 13:20

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Учебные задания допустимы в качестве вопросов только при условии, что вы пытались решить их самостоятельно перед тем, как задать вопрос. Пожалуйста, отредактируйте вопрос и укажите, что именно вызвало у вас трудности при решении задачи. Например, приведите код, который вы написали, пытаясь решить задачу

Закрыт 1 год назад.

Улучшить вопрос

Как создать таблицы с помощью тега thead tr и td?

Answer 1

table,
tbody,
thead,
th,
td {
  border-spacing: 0;
}
th,
td {
  text-align: center;
  padding: 10px;
}
tr:nth-child(even) {
  background: #f0f0f0;
}
th {
  background: #bfefff;
}

<table>
  <thead>
    <th></th>
    <th>Header 1</th>
    <th>Header 2</th>
    <th>Header 3</th>
    <th>Header 4</th>
    <th>Header 5</th>
  </thead>
  <tbody>
    <tr>
      <th>Line 1</th>
      <td>23</td>
      <td>23</td>
      <td>23</td>
      <td>23</td>
      <td>23</td>
    </tr>
    <tr>
      <th>Line 2</th>
      <td>23</td>
      <td>23</td>
      <td>23</td>
      <td>23</td>
      <td>23</td>
    </tr>
    <tr>
      <th>Line 3</th>
      <td>23</td>
      <td>23</td>
      <td>23</td>
      <td>23</td>
      <td>23</td>
    </tr>
  </tbody>
</table>