HTML
<table border>
<caption>Посещения по городам</caption>
<tr>
<th>Город</th>
<th>Посещения</th>
<th>Страниц</th>
<th>Время</th>
</tr>
<tr>
<td>СПб</td>
<td>199</td>
<td>18,02</td>
<td>00:13:45</td>
</tr>
<tr>
<td>Москва</td>
<td>69</td>
<td rowspan="2">Нет данных</td>
<td>00:00:44</td>
</tr>
<tr>
<td>Киев</td>
<td>5</td>
<td>00:18:07</td>
</tr>
<tr>
<td colspan="3">Всего посещений</td>
<td>273</td>
</tr>
</table>
CSS
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse; (Удалил рамки в моей таблице)
}
th { (Сделал для четырех заголовков:)
padding: 10px;( 1.Внутренний отступ по 5px, как в задании)
border: 1px solid white; ( 2. убрал серую обводку вокруг заголовков)
border-bottom: 2px solid black; ( 3. Сделал нижнюю часть рамки своего заголовка черным цветом и 2px )
}
td {
border: 1px solid lightgray; ( Рамка для моих ячеек приобрела серый цвет и толщину 1 px)
padding: 10px; (Отступы в ячейках по 5px)
}
caption {
caption-side: bottom; ( Название моей таблицы перенес вниз.)
}
Нажал “проверить”. Не пропускает в несколько пикселей Моя таблица чуть-чуть больше. Я уже сколько перепробовал, перечитал… Опускаются руки.