有两种方法。

  • 第一种方法：就是利用table标签cellspacing=0属性来实现。

cellspacing是内边框和外边框的距离，这种方法实现的看起来是单实线，其实是内边框线和外边框线组合成的实线。

例：

<table cellspacing="0" border="1px">
    ...
</table>
  • 第二种方法是利用css的表格border-collapse属性来实现。
table{
    border-collapse: collapse;
}

我更喜欢第二种方法。第一种方法适用于table较少，不考虑可维护的情况。否则，它会让HTML源文件变得混乱。