1

有一张我给边框的桌子。在给出边界后，在谷歌搜索后出现了双重边界，我发现边界崩溃是我的救星。但是在尝试以各种可能的方式使用它之后它不起作用。

我要删除的底部有一个双边框。

为了更好地理解附加的屏幕截图：

在此处输入图像描述

我想删除每个单元格之后的双边框。

标记。

<table border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse;">
    <thead>
       <tr>
         <th >
             Login Name
         </th>
         <th>
             SheetName
         </th>
       </tr>
   </thead>
   <tr>
       <td>aaa</td>
       <td>abc</td>
   </tr>
   <tr>
       <td>asdfasdf</td>
       <td>aasdfsadfbc</td>
   </tr>
</table>
4

1 回答 1

1

需要 CSS 来提供明确的答案。正如其他人所说，确保没有任何全局 CSS 文件更改您的 HTML。看起来你的 CSS 中有一个tr {margin-top:10px;}集合，或者提供类似效果的东西。

只是出于好奇，您为什么要使用 HTML cellpadding 属性？CSS padding 属性可以执行相同的功能并提供更多的灵活性。您还会发现，将样式 (CSS) 与 HTML 分开会使更改和更新比返回修改每个内联样式更容易。

<table id="table">
        <thead>
            <tr>
                <th >
                    Login Name
                </th>
                <th>
                    SheetName
                </th>
            </tr>
        </thead>
<tr><td>aaa</td><td>abc</td></tr>
<tr><td>asdfasdf</td><td>aasdfsadfbc</td></tr>
    </table>

CSS： 

#table {
   padding: 10px 5px 10px 5px;
   //this is shortand for top right bottom left
   border-collapse: collapse;
   //this is becoming deprecated and is mainly used to support older versions of IE
}
于 2013-04-05T06:59:24.637 回答