Показывает что нет нижней серой линии хотя вроде должна быть
`
Испытание: итоговая таблица
Итоговая таблица
Город |
Посещений |
% |
СПб |
199 |
65.12 |
</tr>
<tr>
<td class="ver-left-lyellow">Москва</td>
<td class="ver-center-lyellow">69</td>
<td class="ver-right-lyellow">21.3</td>
</tr>
<tr>
<td class="ver-left">Киев</td>
<td class="ver-center">5</td>
<td class="ver-right">8</td>
</tr>
<td class="ver-left-lyellow" colspan="2">Посещений за весь период</td>
<td class="ver-right-lyellow">273</td>
<tr>
</tr>
</table>
</body>
`
и CSS
`body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse;
}
th {
border-bottom: 1px solid black;
border-top: 1px solid black;
padding: 10px;
}
td {
border-bottom: 1px solid lightgray;
width: 33%;
padding: 10px;
}
.ver-left{
text-align: left;
}
.ver-left-lyellow {
text-align: left;
background-color: lightyellow;
}
.ver-left-dcyan {
text-align: left;
background-color: darkcyan;
color: white;
}
.ver-center {
text-align: center;
}
.ver-center-lyellow {
text-align: center;
background-color: lightyellow;
}
.ver-center-lblue {
text-align: center;
background-color: lightblue;
color: white;
}
.ver-right {
text-align: right;
}
.ver-right-lyellow {
text-align: right;
background-color: lightyellow;
}
.ver-right-dcyan {
text-align: right;
background-color: darkcyan;
color: white;
}
`
Ineska
2
Последние две ячейки таблицы находятся не внутри тега tr.
Спасибо!! Не внимательность…хотя всматриваешься до последнего)