双排边框进入每一排桌子

Question

我有一张桌子给了边框。在获得边界后，有一些双边界在谷歌搜索后发现我发现边境崩溃是我的救世主。但在尝试以各种可能的方式使用它之后它就无法正常工作。

我想删除底部的双边框。

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

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

标记。

<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>

Answer 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
}