задание 23. НЕ могу избавиться от вертикальных линий

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

не могу избавиться от вертикальных линий``

blob.jpg1024×600 189 KB

3

blob.jpg1024×600 183 KB

4

Давайте весь код текстом, по скрину я не могу понять, в чем дело. Код в сообщение вставляется с помощью кнопки </> на панели сверху.

6 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Испытание: итоговая таблица</title>
    </head>
    <body>
        <h1>Итоговая таблица</h1>
    <table border>

 <tr> 
       <td>Город</td>       
       <td>Посещений</td>       
       <td>%</td>
 </tr>      
  <tr>      
        <td>СПб</td>         
        <td>199</td>             
        <td>65.12</td>
    </tr>    
     <tr class="row-3">  
       <td>Москва</td>      
       <td>69</td>              
       <td>21.3</td>
     </tr>
     <tr>
       <td> Киев</td>        
       <td>5</td>               
       <td>8</td>
     </tr>
    <tr class="row-5">
        <td colspan="2">Посещений за весь период</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;
width: 100%
}
td{ width:33%;
border-bottom: 1px solid lightgray;
border-top: 1px solid lightgray;
padding:10px
}
.row-3{ background-color:lightyellow;
}
.row-5{background-color:lightyellow;
}
tr{
border-bottom: 1px solid lightgray;
border-top: 1px solid lightgray;
}

7

Уберите атрибут border из html-кода. Прописав оформление таблицы в разметке, сами создали себе проблему.

8

Спасибо!)все получилось)