求对table和div的填充和边框等等的详细解释
对于一般的网页元素(例如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高度后才生效