Испытание: простая, но аккуратная таблица 9/23

Обратите внимание: код в CSS действует от обратного. Пришлось задавать границы, которых нет, чтобы они исчезли. И задание считается выполненным на 100%

HTML-код

        <tr>
            <td>Москва</td>  
            <td>69</td>          
            <td>1,48</td>        
            <td>00:00:44</td>
        </tr>
        <tr>
            <td>Киев</td>    
           <td>5</td>           
           <td>13,43</td>       
           <td>00:18:07</td>
Город Посещения Страниц Время
СПб 199 18,02 00:13:45

CSS

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

}
td {
border: 2px solid lightgray;
/border-bottom: 2px;/
border-right: 2px;
border-top: 2px;
border-left: 2px;
padding: 10px;
}

Что-то Вы перемудрили.
Сначала вы зачем-то задаете нулевую границу всей таблице. Затем задаете все границы у ячейки, затем все границы даже не убираете (none), а затираете их значение сокращенной записью с указанием только ширины.
Решение-то простое:

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

table {
    border-collapse: collapse;
}

td {
    border-bottom: 2px solid lightgray;
    padding: 10px;    
}
1 лайк

у меня 1 в 1
table {
border-collapse: collapse;
}
td {
border-bottom: 2px solid lightgray;
padding: 10px;
}
но совпадение 93%

Сверху таблица без стилей
http://joxi.ru/DrlbRwzhvqLRB2

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Простая, но аккуратная таблица</title>
    </head>
    <body>
        <h1>Посещения по городам</h1>
<table>
<tr>
<td>Город</td>
<td>Посещения</td>
<td>Страниц</td>
<td>Время</td>
</tr>
<tr>
<td>СПб</td>
<td>199</td>
<td>18,02</td>
<td>00:13:45</td>
<tr>
<tr>
<td>Москва</td>
<td>69</td>
<td>1,48</td>
<td>00:00:44</td>
<tr>
<tr>
<td>Киев</td>
<td>5</td>
<td>13,43</td>
<td>00:18:07</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;
}
td {
border-bottom: 2px solid lightgray;
padding: 10px;
}

1 лайк

Предположу, что вы не закрыли один из тегов <tr>.
Upd: даже три тега <tr>.

1 лайк