html表格中的不可见边框不是很不可见吗？答案

【问题标题】：Invisible borders in html table not quite invisible?html表格中的不可见边框不是很不可见吗？
【发布时间】：2017-06-11 03:31:45
【问题描述】：

我的 asp.net MVC 应用程序中有一些表格用于布局。尽管我通常在大多数情况下使用 div，但在某些情况下，表格最有意义，因为它们已经具有我在这些情况下所追求的布局。

唯一的问题是，据我所知，除非您指定边框的宽度和样式，否则边框应该是不可见的。但它们不是……它们相当模糊，是的，但每个单元格周围仍有浅蓝色边框。那是什么，我该如何摆脱它们？（有趣的是，我不记得以前在使用表格时见过这个，那是不久前）。

我还尝试在 table 和 td 上专门将边框设置为 0px，但这也没有用...

【问题讨论】：

【解决方案1】：

您是否尝试过 border: none 用于 CSS 或 border='0' 在表声明中？

【讨论】：

【解决方案2】：

您可以在表格标签中使用 cellspacing 属性

<table cellspacing='0' border='0'>

【讨论】：

【解决方案3】：

CSS 属性border-collapse 就是用来实现这个效果的。它将使相邻的单元格共享相同的边界。此属性与表的已弃用 cellspacing 属性具有相同的最终效果。

table { border-collapse: collapse; }

【讨论】：

【解决方案4】：

好吧，事实证明这只是我的一个错误，css 选择器不够准确。我不知道为什么，只是说td{border:none;}不起作用，我必须指定table tr td{border:none;}，然后它就起作用了......

【讨论】：

【解决方案5】：

同样的问题我也面临着css继承的问题......可能是你没有在课堂上检查解决方案中任何 css 文件中的 table 或 table td css

并设置为 0px

table 
{
  border: solid 0px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 0px #e8eef4;
}

【讨论】：