如何用css控制表格间距为1px的样式

html-css032

如何用css控制表格间距为1px的样式,第1张

用css控制表格间距为1px的样式方法：

css样式

.table{margin:0 0 15px 0border-collapse:collapse}

.table td{ background:#ffefedpadding:0 border-spacing:1pxborder:1px #fbaaa0 solid}

border-collapse:collapse

加在table的样式中

border-spacing:1px

border:1px #fbaaa0 solid

这两句加在td的样式中

通用：border-collapse:collapseie7、ie8兼容border-collapse: separate。单元格分开了，有间隙ie8、FF可用：border-spacing: 0px

设置了border-collapse:collapse那么border-spacing/cellspacing就无效了

table有cellspacing、cellpadding等属性

注：引用于http://www.cnblogs.com/wuchao/archive/2012/07/31/2616327.html

table有cellspacing、cellpadding等属性可以控制其间距，但是如果table设置了

border-collapse:collapse

那么，cellspacing、cellpadding此时无效。可以用padding来替代。