<表格cellspacing=“1”cellpadding=“2”> 
-
11 只是一个一般性建议，在尝试这些解决方案之前，请检查style.css是否对表进行了“重置”。 示例：如果没有将表设置为 宽度：自动 然后 边界崩塌 可能无法按预期工作。 – 杰伊·布鲁内 评论 2016年9月1日7:12 -
三 在表上使用border-spacing，在td上使用padding。 – 阿努巴夫 评论 2017年5月23日9:17 -
6 “噢，该死，回到过去我做过这个 单元格填充 和 单元格间距 ……在CSS中又是什么？ “我，几乎每次我需要这样做的时候。 – 罗伯特·沃克 评论 2021年8月13日16:43
19个答案
td，th{/*表格单元格*/ 填充：10px； } 表格{ 边界间距：10px； 边界崩塌：分离； } 表格{ 边界间距：0； 边界崩塌：崩塌； } 
-
34 cellpadding=“0”在Chrome 13.0.782.215中仍然可以发挥作用，即使对表应用了border-collapse:collapse和border-spacing。 – 李·惠特尼三世 评论 2011年8月25日3:01 -
7 -
11 -
16 大家好。 为了清晰起见，我更新了答案，其中包括一节关于cellpadding的内容，我认为这很明显（只需使用“padding”）。 希望它现在更有用。 评论 2013年12月16日6:27 -
5
违约
表｛border-collapse:collapse；｝ td，th{填充：0px；} 
单元格填充
表｛border-collapse:collapse；｝ td，th{填充：6px；} 
单元格间距
两者都有
表｛边框间距：2px；｝ td，th{填充：6px；} 
两者（特殊）
表格{边框间距：8px 2px；} td，th{填充：6px；} 
注： 如果有 边界间距 设置，它指示 边界崩塌 表的属性为 分离 .
-
1 桌子周围的间距是如何消失的？ 当我设置“border-spacing:8px12px”时，它不仅增加了表格边框和外部单元格之间的间距，而且还增加了表格边界和外部单元格间的间距！但这里的图像中并没有描述这一点；它们都是左对齐的。 – 卡兹 评论 2013年11月19日1:14 -
1 -
@你可能需要用负边距来隐藏那个恼人的部分。 – 用户669677 评论 2013年11月20日9:59 -
2 -
桌子 { border-collapse:崩溃；/*' 单元格间距等效值*/ } 表td、表th { 填充：0；/*' cellpadding等效*/ } 
-
51 -
8 这几乎是正确的，但是 边界崩塌 只有在表没有 单元格间距 属性定义。 我写了一个全面的答案，将本页上其他答案的所有正确部分合并在一起，以备不时之需。 评论 2010年7月9日2:36
表格{ 边界崩塌：分离； 边界间距：2px； } 
桌子 { 边框：1px实心#000000； 边界崩塌：崩塌； 边框间距：0px； } 表td { 填充：8px 8px； } 
div.cellwidener公司{ 边距：0px 15px 0px 15 px； } td.右侧{ 填充：0px； } <表格边框=“0”> <tr> <td class=“紧密”> 我的内容 </td> </tr> </表格> 
表格{ 边框：0；/* 替换边框*/ 边框间距：0px；/* 替换单元格间距*/ border-collapse:崩溃；/* Internet Explorer 6和Internet Explorer 7的修补程序*/ } 表td{ 填充：0px；/* 替换单元格填充*/ } 
td{ 填充：20px； } 表格{ 边界间距：1px； 边界崩塌：崩塌； } 
选择器{ 填充：0 0 10px 0；// 左上右下 } 表， 第， td（时域）{ 边框：1px实心#666； } 表th， 表td{ 填充：10px； /*应用单元格填充*/ } <! DOCTYPE html> <html lang=“en”> <头部> <元字符集=“utf-8”> <title>在CSS中设置Cellpadding </头> <body> <表格> <头部> <tr> 行 名字 姓氏 电子邮件 </tr> </thead> <t车身> <tr> <td>1个</td> <td>克拉克</td> <td>肯特</td> <td> [电子邮件保护] </td> </tr> <tr> <td>2个</td> <td>彼得</td> <td>帕克</td> <td> [电子邮件保护] </td> </tr> <tr> <td>3个</td> <td>约翰</td> <td>兰博</td> <td> [电子邮件保护] </td> </tr> </tbody> </表格> </body> </html> 表格{ 边界崩塌：分离； 边界间距：10px； /*应用单元格间距*/ } 表， 第， td（时域）{ 边框：1px实心#666； } 表th， 表td{ 填充：5px； /*应用单元格填充*/ } <! DOCTYPE html> <html lang=“en”> <头部> <元字符集=“utf-8”> <title>在CSS中设置单元格间距 </头> <body> <表格> <头部> <tr> 行 名字 姓氏 电子邮件 </tr> </thead> <t车身> <tr> <td>1个</td> <td>克拉克</td> <td>肯特</td> <td> [电子邮件保护] </td> </tr> <tr> <td>2个</td> <td>彼得</td> <td>帕克</td> <td> [电子邮件保护] </td> </tr> <tr> <td>3个</td> <td>约翰</td> <td>兰博</td> <td> [电子邮件保护] </td> </tr> </tbody> </表格> </body> </html> 
表格{ 边界崩塌：分离； 边界间距：10px； } 表td、表th{ 填充：10px； } 表格{ 边界崩塌：崩塌； } 表td、表th{ 填充：10px； } 
边界坍塌：坍塌！ 重要； 
第一个使用默认值 边界崩塌 ( 分离 )和使用 边界间距 为了提供单元间距， 第二个开关 边界崩塌 到 崩溃 并使用 边境 属性设置为单元格间距。
表格{边框间距：15px} td{背景颜色：#00eb55；填充：10px；边框：0} <表格> <tr> <td>标题1</td><td>标题2</td> </tr> <tr> <td></td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> </表格> 表{border-collapse:折叠} td{背景色：#00eb55；填充：10px；边框：15px实心#fff} <表格> <tr> <td>标题1</td><td>标题2</td> </tr> <tr> <td></td><td>2</td> </tr> <tr> <td>3</td><td>4</td> </tr> </表格> 
td（时域）{ 填充：npx；/* 用于单元格填充*/ 边距：npx；/* 对于单元格间距*/ border-collapse:崩溃；/* 用于以更好的形状显示边框*/ } 