html - 删除表格边框之间的空白

Question

我在表格的边框之间有一些空格。 我想不通为什么， 一直在尝试负边距，因此它们相互重叠，但边距不起作用。 因为它是一个表格，所以我在 td 和 th 上都有一个左边框。 但我在侧边框和顶部/底部边框之间也有一个空格。

This是我创建的 fiddle 。

一些表格CSS

.profile-table {
  height: 100%;
}

.profile-table td { 
  text-align:   center;
  border-right: 1px solid #ccc;
  font-size:    1.2em;
}

.profile-table th { 
  text-align:   center;
  border-right: 1px solid #ccc;
  width:        100px;
}

.profile-table tr{ 
}

.profile-table *:last-child{
  border: none;
}

Answer 1

使用border-collapse:collapse合并边框

看这个fiddle