По умолчанию браузер рисует рамки таблицы и рамки отдельных ячеек раздельно. Чтобы избавиться от таких двойных рамок, используется CSS-свойство таблицы border-collapse. Значение collapse убирает внутренние рамки ячеек.
table { border-collapse:collapse; }
Отступы внутри ячеек таблицы можно добавлять с помощью атрибута cellpadding тега table, но лучше использовать CSS свойство padding для ячейки td таблицы.
Помимо внутренних отступов существует возможность задавать отступы между ячейками таблицы. Однако, эту возможность почти не используют. Отступы между ячейками таблицы можно задавать с помощью атрибутаcellspacing тега table.
Но атрибут не работает с border-collapse: collapse, необходимо задать предварительно border-collapse:separate.
Для задания отступов лучше использовать следующие CSS-свойства:
td { padding:5px; } /* равносильно атрибуту cellpadding таблицы, задается для ячейки */
table { border-collapse:separate; border-spacing:5px; } /* равносильно атрибуту cellspacing, задается для таблицы */