html - 表格单元格的间距

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/