Пример кода:
- Код: выделить все
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Свойство border-spacing</title>
<style>
table {
border: 4px solid #999; /* Рамка вокруг таблицы */
border-collapse: separate; /* Способ отображения границы */
width: 80%; /* Ширина таблицы */
border-spacing: 5px 8px; /* Расстояние между ячейками */
}
td {
padding: 15px; /* Поля вокруг текста */
border: 1px dashid #e41e3e; /* Граница вокруг ячеек */
}
</style>
</head>
<body>
<table>
<tr>
<td>A</td><td>B</td>
</tr>
<tr>
<td>C</td><td>D</td>
</tr>
</table>
</body>
</html>
Результатом данного примера будет: