- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Отступы внутри ячеек</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Распределение браузеров</h1>
<table cellpadding="2">
<tr>
<td>Браузер</td>
<td>Посещения</td>
<td>Доля</td>
</tr>
<tr>
<td>Mozilla Firefox</td>
<td>163</td>
<td>59%</td>
</tr>
<tr>
<td>Google Chrome</td>
<td>78</td>
<td>28%</td>
</tr>
<tr>
<td>Safari</td>
<td>35</td>
<td>13%</td>
</tr>
</table>
</body>
</html>
CSS
table {
border-collapse: collapse;
border: 3px solid black;
}
td {
border: 2px solid lightgray;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Сначала в HTML-редакторе измените значение атрибута
cellpadding
на5
. - Затем удалите этот атрибут.
- В CSS-редакторе для
td
добавьте свойствоpadding: 5px;
. - А ниже него добавьте свойство
padding-right: 30px;
.