Расстояние между ячейками таблицы

Question

Я пытаюсь применить background-color к ячейкам таблицы. jsFiddle

<table> 
<tr> 
      <td> 
       text 
      </td> 
      <td> 
       text 
      </td> 
      <td> 
       text 
      </td> 
</tr> 
</table> 


td{ 
    background-color: rgb(172,0,20); 
} 

Как удалить интервал между ячейками таблицы?

Answer 1

Просто добавьте border-collapse свойство для таблицы:

CSS

table{ 
    border-collapse:collapse; 
} 
td{ 
    background-color: rgb(172,0,20); 
} 

http://jsfiddle.net/DKNyf/1/

Answer 2

попробовать использовать как этот

<table cellspacing="0" cellpadding="3" border="0"> 
<tr> 
    <td>text</td> 
    <td>text</td> 
    <td>text</td> 
</tr> 
</table> 

Answer 3

Пространство между клетками называется CELLSPACING и могут быть назначены в HTML с помощью:

<table cellspacing="0"> 
<tr> 
      <td> 
       text 
      </td> 
      <td> 
       text 
      </td> 
      <td> 
       text 
      </td> 
</tr> 
</table> 

см: http://www.w3schools.com/tags/att_table_cellspacing.asp

Вы также можете сделать это через CSS, см .: Set cellpadding and cellspacing in CSS?

Answer 4

Использование CSS:

table { 
    border-collapse:collapse; 
} 

jsFiddle example

Ссылка: https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse