Вопрос по заданию 17/23. Как убрать сверху табличку?

Добрый день! Все сделал, но вот справиться с верхней табличкой никак не могу - убрать ее и оставить только нижнюю жирную черту. Помогите разобраться!!!

Вот мой код CSS (по HTML вопросов нет)
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}

table {
border-collapse: collapse;
}

caption {
caption-side: bottom;
text-align: center;
}

th {
padding: 10px;
padding-bottom: 10px;
border-bottom: 2px solid black;
}

tr {
padding: 5px;
}

td {
border: 1px solid lightgray;
padding-bottom: 5px;
padding: 10px;
}

Не совсем понятно, чего вы хотите добиться, и зачем оно собственно вам надо ?

CSS для прохождения испытания у вас верный

Если я правильно понял, вы хотели получить что-то вроде этого https://jsfiddle.net/nrax0m5r/1/ ?

Хорошо, а где у вас тег

. Ведь он отвечает за ячейку-заголовок. А в задании это: Город, посещения, страниц , время. Его и в CSS нет.

тег th

Так вы же убрать хотели ?
Или только скрыть ?

Так лучше ?
https://jsfiddle.net/nrax0m5r/2/

У вас - нет, а у меня скорее всего будут.

Не скрыть, а сделать как в задании:
То есть поставить в названии колонок:
tr
th Город/th
th Посещения th
th Страниц /th
th Время /th
/tr

Не понимаю вас, то вы хотите убрать, то оставить.
Сформулируйте пожалуйста конкретнее что вам нужно
Нарисуйте, если словами не получается

html-код, будьте так добры.

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}

table {
border-collapse: collapse;
}

caption {
caption-side: bottom;
text-align: center;
}

th {
padding: 10px;
border-bottom: 2px solid black;
}

td {
border: 1px solid lightgray;
padding: 10px;
}

Это css)

<html>
<head>
    <meta charset="utf-8">
    <title>Таблица посложнее</title>
</head>
<body>
    <table border="1">
        <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>
</body>
body {

width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}

table {
border-collapse: collapse;
}

caption {
caption-side: bottom;
text-align: center;
}

th {
padding: 10px;
border-bottom: 2px solid black;
}

td {
border: 1px solid lightgray;
padding: 10px;
}

</></>

А что не так с: <table border="1">

А где вы взяли этот код? Эта версия частенько всплывает в темах на форуме и у всех одна и та же ошибка.

Где у меня ошибка? Я хочу разобраться. Да, я смотрел другие коды., но и сам делал. Я учусь, а не копирайтом занимаюсь. Просто подскажите, где ошибка. Вчера голову ломал до часа ночи.

Я указала вам, где ошибка. Раз уж вы учитесь, ничего не копируете просто так, тогда расскажите, в каком задании курса “Знакомство с таблицами” описывается атрибут border и для чего он нужен.

Вот
Задаём рамки с помощью CSS [4/23]

"Вы научились создавать простые таблицы, добавлять в них любое количество строк и столбцов. Теперь пришло время оформить эти таблицы.

Таблицы в предыдущих заданиях отображались с рамками по умолчанию. Такие рамки отображаются, если у тега

задан атрибут border с ненулевым значением.

Но с помощью атрибута border гибко управлять рамками не получается. С его помощью можно только изменять их толщину.

Поэтому мы будем учиться использовать CSS. С помощью CSS-свойства border можно задавать как внешние рамки таблицы, так и рамки каждой ячейки.

Потренируемся использовать CSS для задания рамок таблицы."