Question

我在表格中有一张桌子。我已将表格背景颜色设置为白色。

内表的背景是保持白色，而外表的所有其他单元格都设置为浅灰色。

然而，外表的白色背景颜色显示为所有<td>单元格的边框，我无法弄清楚如何摆脱 - 所有灰色单元格应该是无边框的。我尝试将所有元素的border属性设置为none，但没有成功。任何帮助将不胜感激。

<style>
body{
    background-color: lightcyan;
}
.gems {
    margin:0 8px; 
    padding:0; 
}
.gems table{
    width:100%;
    background-color:white;
}
.gems td {
    padding:0px 1px; 
    margin:0;
}
.gems tr.filelist {
    margin:5px;
    background-color: lightgrey;
}
.gems tr.tools {
    background-color: lightgrey;
}

div.textarea  {
    background-color: white;
}

</style>
<body>
<div class="gems">
    <table>
    <tr class="filelist">
        <td>filelist</td>
        <td>filelist</td>
    </tr>
    <tr class="tools">
        <td>tools</td>
        <td>
        <div class="textarea">
        This is a table
            <table>
            <tr>
            <td>Cell 1</td>         
            <td>Cell 2</td>         
            <td>Cell 3</td>         
            </tr>
            </table>
            </div>
        </td>
    </tr>
    </table>
</div>

</body>

Answer 1

<table cellspacing="0">

在table标记中添加此属性。

显示通过在元素附近的桌的背景颜色

1 个答案: