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


#1
HTML

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


CSS
body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-family: Arial, sans-serif;}
    
    caption{
        caption-side: bottom;
    }
    table{
    border-collapse: collapse;
    border: 1px solid lightgray;
   
    
    }
    td{
         
         padding: 10px;
         border: 1px solid lightgray;
         
       
    }
th{
    padding: 10px;
    border: 1px solid white;
    border-bottom: 2px solid black;
}

Почти совпадает, но не проходит проверку. Подскажите что не так.


#2

Вы используете border-collapse: collapse; чтобы убрать двойные границы и сами тут же пишите border: 1px solid lightgray; чтобы ещё одну границу (которая потом будет склеена с соседней) добавить. Зачем?

Дальше, вот это свойство border: 1px solid white; - белая граница на белом фоне - вам зачем? вы уверены, что она там есть (с учетом того, что в задании сказано, что цвета границ black и lightgray)?