- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Задаём размеры отдельных ячеек и столбцов</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table>
<caption>Распределение браузеров</caption>
<tr>
<th style="">Браузер</th>
<th style="">∑</th>
<th style="">%</th>
</tr>
<tr class="row1">
<td>Mozilla Firefox</td>
<td>126</td>
<td>59%</td>
</tr>
<tr class="row2">
<td>Google Chrome</td>
<td>78</td>
<td>30%</td>
</tr>
<tr class="row3">
<td>Safari</td>
<td>34</td>
<td>11%</td>
</tr>
</table>
</body>
</html>
CSS
table {
width: 100%;
border-collapse: collapse;
}
td {
padding: 5px;
padding-right: 10px;
border: 1px solid black;
}
th {
padding: 10px;
border: 1px solid black;
}
caption {
margin-bottom: 10px;
font-size: 18px;
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
- Пропишите в пустых атрибутах
styleзначениеwidth: 70%у первой<th>иwidth: 15%у второй и третьей<th>.