$5 23/23

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

Подскажите что не правильно ?

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

border-collapse: collapse;

}
th {
width: 33%;
border: 1px solid black;
padding: 10px;
color: white;
background-color: darkcyan;
}
td {
border-bottom: 1px solid lightgrey;
padding: 10px;
}
.my1 {
text-align: left;

}
.my2 {
text-align: center;

}
.my3 {
text-align: right;

}
.my4 {
background: lightblue;
}
.c1 {
background: lightyellow;
}

2 
    <h1>Итоговая таблица</h1>
      <table>
          <tr>
             <th class="my1"> Город</th>
             <th class="my4"> Посещений</th>
             <th class="my3"> %</th>
         </tr>
         <tr>
             <td> СПб </td>
             <td class="my2">199</td>
             <td class="my3">65.12</td>
         </tr>
         <tr class="c1">
             <td>Москва</td>
             <td class="my2">69</td>
             <td class="my3">21.3</td>
         </tr>
         <tr>
             <td> Киев</td>
             <td class="my2"> 5</td>
             <td class="my3"> 8</td>
         </tr>
         <tr class="c1">
             <td colspan="2">Посещений за весь период</td>
             <td class="my3">273</td>
         </tr>
      </table>

</body>
3

У ячеек-заголовков рамка не по кругу, а сверху и снизу только.

4

Спасибо. Не заметил.