css table默认边距

CSS中的表格（table）是用来展示数据的一种常见方式。使用表格时，默认情况下，表格会带有一定的边距。以下是CSS表格的默认边距：

table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 2px;
}

td,th {
  padding: .5em 1em;
  border: 1px solid #ccc;
}

以上代码是表格默认的CSS边距设置。其中，table标签设置了表格的外边距（margin）和单元格的内边距（padding）。td和th标签则分别设置了单元格的内边距和边框（border）。

border-collapse属性用于设置表格边框的合并方式，取值为collapse时，相邻单元格的边框会合并为一个边框，取值为separate时，相邻单元格的边框会分开显示。

border-spacing属性用于设置相邻单元格之间的间距，注意与表格外边距和内边距的区别。

如果我们想要去掉表格的默认边距，可以将对应的CSS属性设置为0。例如，下面的代码将去掉表格和单元格的所有边距：

table {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

td,th {
  padding: 0;
  border: none;
}

总之，了解CSS表格的默认边距是很重要的。在实际使用中，我们可以根据需要灵活调整表格的外边距、内边距和边框，以达到更好的展示效果。