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

`<!DOCTYPE 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>`

===========================================

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

}

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

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

Толщина рамки для ячейки 1px, а скобку в конце CSS-кода в другую сторону
caption {…}

1 лайк

Благодарю! Как будет возможность проверю.

2 лайка