0

Как верстать таблицу такого вида? А именно как поделить ячейку на еще три ячейки?

введите сюда описание изображения

th {
  border: 2px solid black;
}
<table>
  <tbody>
    <tr>
      <th>
        asdf
      </th>
      <th>
        asd
      </th>
    </tr>
  </tbody>
</table>

1 ответ 1

2

Первой ячейке добавьте rowspan="3":

table {
  border-collapse: collapse;
}

td {
  border: 2px solid black;
  padding: 10px;
}
<table>
  <tbody>
    <tr>
      <td rowspan="3">
        asdf
      </td>
      <td>
        asd
      </td>
    </tr>
    <tr>
      <td>
        asd
      </td>
    </tr>
    <tr>
      <td>
        asd
      </td>
    </tr>
  </tbody>
</table>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.