Css 通过周围显示的表格的背景色<；td>；元素_Css_Colors_Html Table

Css 通过周围显示的表格的背景色<；td>；元素

css colors

Css 通过周围显示的表格的背景色<；td>；元素,css,colors,html-table,Css,Colors,Html Table,我在一张桌子里有一张桌子。我已经把桌子的背景颜色设置为白色内表的背景保持白色，而外表的所有其他单元格设置为浅灰色然而，外部表格的白色背景色显示为所有单元格周围的边框，我不知道如何去除这些边框-所有灰色单元格都应该是无边框的。我尝试将所有元素的border属性设置为none，但没有成功。任何帮助都将不胜感激这是一个身体{ 背景色：浅青色； } .宝石{ 边际：0.8px；填充：0； } .宝石桌{ 宽度：100%；背景色：白色； } .gems td{ 填充：0px 1px；保证金

我在一张桌子里有一张桌子。我已经把桌子的背景颜色设置为白色

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

然而，外部表格的白色背景色显示为所有

单元格周围的边框，我不知道如何去除这些边框-所有灰色单元格都应该是无边框的。我尝试将所有元素的border属性设置为none，但没有成功。任何帮助都将不胜感激

这是一个


身体{
背景色：浅青色；
}
.宝石{
边际：0.8px；
填充：0；
}
.宝石桌{
宽度：100%；
背景色：白色；
}
.gems td{
填充：0px 1px；
保证金：0；
}
.gems tr.filelist{
保证金：5px；
背景颜色：浅灰色；
}
.gems tr.tools{
背景颜色：浅灰色；
}
分区文本区{
背景色：白色；
}
文件列表
文件列表
工具
这是一张桌子
第1单元
第2单元
第三单元

将此属性添加到您的

表标记中。
谢谢。很高兴是这么简单。我使用了边框间距：0px将其保存在css中，我在其他地方使用它-但只是忘记了它。
<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>

<table cellspacing="0">