Добавить пространство между ячейками (td) с помощью css

Я пытаюсь добавить таблицу с пробелом между ячейками, так как цвет фона ячейки белый, а цвет фона таблицы синий, вы можете легко видеть, что заполнение и маржа не работают (я применяю его к td), он добавит только пространство внутри ячейки.

Ответ 1

Вы хотите border-spacing:

<table style="border-spacing: 10px;">

Или где-нибудь в блоке CSS:

table {
  border-spacing: 10px;
}

См. quirksmode в border-spacing. Имейте в виду, что border-spacing не работает на IE7 и ниже.

Ответ 2

table { 
  border-spacing: 10px; 
}

Это сработало для меня, как только я удалил

border-collapse: separate;

из моего тега таблицы.

Ответ 3

Моя:

border-spacing: 10px;
border-collapse: separate;

Ответ 4

Рассмотрим использование атрибутов cellspacing и cellpadding для тега table или border-spacing свойства css.

Ответ 5

cellpacing (расстояние между ячейками) параметр тега TABLE - именно то, что вы хотите. Недостатком является одно значение, используемое как для x, так и для y, вы не можете выбирать разные интервалы или отступы вертикально/горизонтально. Также есть свойство CSS, но оно не поддерживается широко.