95% 23/23

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

Где ошибка, подскажите пожалуйста.
(если есть мусорный код, тоже укажите,если не сложно)

Испытание: итоговая таблица

Итоговая таблица

    <table>
        <tr>
            <th class="color2">Город</th>
            <th class="row2 color">Посещений </th>
            <th class="row1 color2">% </th>
        </tr>
        <tr>
            <td >СПб</td>
            <td class="row2">199 </td>
            <td class="row1">65.12 </td>
        </tr>
        <tr>
            <td class="color4">Москва</td>
            <td class="row2 color4">69 </td>
            <td class="row1 color4">21.3  </td>
        </tr>
        <tr>
            <td>Киев</td>
            <td class="row2">5 </td>
            <td class="row1">8 </td>
        </tr>
        <tr>
            <td colspan="2" class="color4">Посещений за весь период </td>
            <td class="row1 color4">273 </td>
            
        </tr>
        
        
        
   </table>

    

</body>

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

}
td {
border-bottom: 1px solid lightgray;
padding: 10px;
width: 33%;
}
th {
border: 1px solid black;
padding: 10px;
text-align: left;
}
.row1 {
text-align: right;

}
.row2 {
text-align: center;
}
.color {
background-color: lightblue;
color: white;
}
.color2
{
background-color:darkcyan;
color: white;
}
.color4 {
background-color: lightyellow;
}

academy1.png476×757 32.2 KB

2

Проблема была
в th
Может кому пригодится
th {
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 10px;
text-align: left;

3

Привет!
Подскажите, как раскрасить ячейку в голубой.
Применила отдельно к ячейке класс - не сработало(

Посещений

.lightblue {
background-color: lightblue;
}

4

Если у ячейки был еще один класс, то они пишутся через пробел. Например, class=“left lightblue”.
А вообще без кода сложно сказать, почему у вас не получается задать фоновый цвет.

5

Спасибо. Теперь все ок!)