Сделал вот таким образом.
Минус в том, что теперь не ясно как раскрасить среднюю ячейку посредине.
Меня пропустили дальше, но мне всё равно интересно.
-
не очень понял зачем в стилях ставить точку перед ним.
И в каком уроке про это говорилось?<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Испытание: итоговая таблица</title> </head> <body> <h1>Итоговая таблица</h1> <table> <tr> <th class="left" >Город <th class="center" class="lightblue">Посещений <th class="right"> % </tr> <tr> <td> СПб <td class="center" > 199 <td class="right"> 65.12 </tr> <tr class="lightyellow"> <td> Москва <td class="center"> 69 <td class="right" > 21.3 </tr> <tr> <td> Киев <td class="center"> 5 <td class="right"> 8 </tr> <tr class="lightyellow"> <td colspan="2" > Посещений за весь период <td class="right"> 273 </tr> </table> </body> </html>
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
width: 100%;
border-collapse: collapse;
}
td {
padding: 10px;
padding-right: 10px;
border-bottom: 1px solid lightgray;
width: 33%
}
th {
color: white;
background-color: darkcyan;
padding: 10px;
border-bottom: 1px solid black;
border-top: 1px solid black;
width: 33%
text-align: left;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.lightyellow {
background-color: lightyellow;
}
.lightblue {
;
}