Обратите внимание: код в CSS действует от обратного. Пришлось задавать границы, которых нет, чтобы они исчезли. И задание считается выполненным на 100%
HTML-код
Город
Посещения
Страниц
Время
СПб
199
18,02
00:13:45
<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>
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;
}
Alivan
08.Октябрь.2017 19:55:54
2
Что-то Вы перемудрили.
Сначала вы зачем-то задаете нулевую границу всей таблице. Затем задаете все границы у ячейки, затем все границы даже не убираете (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 лайк
Ineska
17.Октябрь.2017 05:39:08
4
Предположу, что вы не закрыли один из тегов <tr>
.
Upd: даже три тега <tr>
.
1 лайк