Знакомство с таблицами / Испытание: таблица посложнее [17/23]

Курсы §5. Знакомство с таблицами
1

Немогу понять в чем проблема то. Подскажите.
вот код

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Таблица посложнее</title>
    </head>
    <body>
        <table>
        <caption>Посещения по городам</caption>
        <tr>
            <th>Город</th>
            <th>Посещения</th>
            <th rowspan"3">Страниц</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>
</html>


body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
 caption {
     caption-side: bottom;
     text-align: center;
 
 }
 
 table {
    
      border-collapse: collapse;
      border-spacing: 5px;
      padding: 5px;
    
 }
 td {
     padding: 5px;
     padding-left: 5px;
     padding-right: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
     border: 1px solid lightgrey;
 }
 th {
     border-bottom: 2px solid black;
      padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
2

Кнопка для вставки кода в редакторе сообщений </>

3

исправил.

4

Не закрыли один тег th в HTML-коде, лишнее объединение в шапке таблицы.
Отступы у td такие же как и у th, т. е. по 10px с каждой стороны.
Два лишних свойства (выделены):
table {
border-collapse: collapse;
border-spacing: 5px;
padding: 5px;
}

1 лайк
5

День добрый всем ! Пытался сделать цвет рамки серым цветом и заметил таку фигню . Чтобы рамка стала нужного цвета приходится писать дважды …один раз в HTML-коде
<> table rules=“all” bordercolor=“lightgray” cellpadding=“10”>

и ещё раз в .CSS - коде
table {
border-collapse : collapse ;
border: solid 1px lightgray ;

и при этом если хоть один убрать …то всё становиться черным цветом по умолчанию … а при двойном указании все нормально !

6

Все оформление из HTML-кода уберите.