table { border-collapse: collapse; margin: 10px; padding: 5px; } td { border: 1px solid #000; padding: 5px; }
在上面的代码中,大家首先将表格的边框合并,以便大家可以更好地控制边距。接下来,大家使用margin属性将表格的外边距设置为10px,而使用padding属性将表格的内边距设置为5px。
此外,大家还可以使用padding属性来设置每个单元格之间的边距。在上面的代码中,大家将每个单元格的边框设置为1px的实线,并使用padding属性设置单元格的内边距为5px。
需要注意的是,在设置表格边距时,大家通常会将外边距设置为大于内边距。这是因为如果外边距和内边距相等,那么表格的边框将与单元格之间的距离相等,这不是大家想要的效果。