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

表格单元格的间距

4 个答案: