如何删除HTML表格中行之间的分隔？

Question

我有一个包含3行1列的html表。在顶部和按钮行我有图像，在中间行我有div。

在我的行之间，我看到了分离（我看到了我的页面的背景）。我试图将所有填充和边距设置为零（对于表格，div和图像），我仍然有这种分离。请有人帮我解决这个问题。

Answer 1

尝试使用'border-collapse'：

table {
  border-collapse: collapse;
}

Answer 2

在cellspacing=0标记和<table>中设置cellpadding=0。

Answer 3

在img标签中使用：

display: block;

Answer 4

Gonzohunter确定了这一点，好吧，但你可能会发现在桌面上设置样式更容易，假设你是最近的HTML版本。

我用过

<table style='border-collapse: collapse;'>
    ... 
</table>

这完美无缺。

Answer 5

似乎是你的H2引起了它。要修复它，请将其上边距设置为零：

<h2 style="margin-top: 0;"><span class="text">Welcome to the Colored Trails Game Page!</span></h2>

Answer 6

您需要消除表格单元格本身的间距。

在CSS中：

<style type="text/css">
  td {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
  }
</style>

或HTML 4.01/XHTML 1.0 DTD (Strict or Transitional)：

<table cellspacing="0" cellpadding="0">
  [...]
</table>