@IvanLu
Начинающий веб-разработчик

Как сверстать точно такую таблицу?

Подскажите, как сверстать точно такую таблицу?

608355869389b927004340.jpeg
  • Вопрос задан
  • 139 просмотров
Решения вопроса 1
Прочтите это, а затем весь учебник.
Решение

HTML
<table>
    <caption>Table</caption>
    <thead>
        <tr>
            <th>Header</th>
            <th>Header</th>
            <th>Header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Lviv</td>
            <td>Kyiv</td>
            <td>Kharkiv</td>
        </tr>
        <tr>
            <td>Odessa</td>
            <td>Zhytomyr</td>
            <td>Dnipropetrovsk</td>
        </tr>
        <tr>
            <td>Sumy</td>
            <td>Chernivtsi</td>
            <td>Lutsk</td>
        </tr>
    </tbody>
</table>

CSS
table {
  width: 100%;
  border-collapse: collapse;
}
caption {
  text-align: left;
  font-size: 2em;
}
th {
  text-align: left;
  font-weight: initial;
}
th, td {
  padding: 0.5em;
  border: 1px solid #323;
}

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы