Как установить cellpadding и cellspacing в таблице с помощью CSS?

Может ли кто-нибудь сказать мне, как изменить таблицу cellpadding и cellspacing, как вы можете сделать это в html, с помощью:

<table cellspacing="0" cellpadding="0">

Но как это делается с помощью css?

Ответ 1

Используйте padding для ячеек и border-spacing в таблице. Первый даст вам cellpadding, в то время как последний даст вам пространство.

table { border-spacing: 5px; } /* cellspacing */

th, td { padding: 5px; } /* cellpadding */

jsFiddle Demo

Ответ 2

Заполнение внутри разделителя таблиц (TD) является дополняющим свойством, применяемым к самой ячейке.

CSS

td, th {padding:0}

Интервал между разделителями таблицы - это пробел между границами ячеек таблицы. Чтобы сделать его эффективным, вы должны указать, будут ли границы ваших таблиц "свернуть" или "разделены".

CSS

table, td, th {border-collapse:separate}
table {border-spacing:6px}

Попробуйте следующее: https://www.google.ca/search?num=100&newwindow=1&q=css+table+cellspacing+cellpadding+site%3Astackoverflow.com (27 100 результатов)

Ответ 3

Вот решение.

HTML:

<table cellspacing="0" cellpadding="0">
    <tr>
        <td>
            123
        </td>
    </tr>
</table>

CSS:

table { 
      border-spacing:0; 
      border-collapse:collapse;   
    }

Надеюсь, что это поможет.

ИЗМЕНИТЬ

td, th {padding:0}