html - 如何在表格边框之间包含间隙？

Question

我创建了一个网页，我需要并排显示三个表格。但我不知道如何在表格边框之间包含间隙/空间？现在，它正在触及彼此的边界。

我已经尝试了以下代码。 https://jsfiddle.net/14ayr783/

table,th,td {
  border:5px solid crimson;
}

table {
  float:left;
  width:33%;
  border-collapse:collapse;
}

标签： htmlcss

Answer 1

如果我理解正确 - 您应该删除border-collapse: collapse，因为它将相邻边界合并为单个边界。还添加<table cellspacing="5">