对于一般的网页元素(例如DIV),padding是内填充(元素的边框到内容之间的距离),margin是外填充(元素的边框到另一个元素的距离),border是边框(有颜色、线条类型和宽度三个属性)

对于表格,因为比较复杂所以我做了下试验,以下是我实验后的总结:

html中有,但是CSS中没有的属性:cellspacing是单元格之间的距离,对于单元格td来说,不能用margin只能用cellspacing。cellpadding是单元格边框到内容的距离,类似于td的padding。

以下是table、tr、td、th、thead、tbody、tfoot应用margin、padding和border的表格

应用对象                     应用属性          应用结果

table                           padding           表格与单元格之间的距离

td,th                            padding           单元格的内填充(注1)

tr,tbody,thead,tfoot     padding           无效     

table                           margin             表格到其他html元素之间的距离

td,th                            margin             无效

tr,tbody,thead,tfoot     margin             无效

table                           border             整个表格的边框

td,th                            border             单元格的边框

tr,tbody,thead,tfoot     border             无效

注1:

td的padding相当于table在html属性中的cellpadding。但是我试验的时候,cellpadding只有在设定td高度后才生效


80cb39dbb6fd52666396206aab18972bd407360a