You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

无需CSS:如何用HTML原生属性实现表格去内边距及边框合并

解决方案

你需要的两个效果都可以通过<table>标签的原生HTML属性实现,无需任何CSS:

  • 移除单元格内边距:使用cellpadding属性,将值设为0即可清除所有单元格内容和边框之间的默认内边距
  • 实现边框合并效果:使用cellspacing属性,将值设为0即可清除单元格之间的默认间距,相邻边框会紧贴在一起,和border-collapse: collapse的视觉效果完全一致

如果需要同时显示表格边框,额外添加border="1"原生属性即可,完整示例如下:

<table border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td>示例单元格1</td>
    <td>示例单元格2</td>
  </tr>
  <tr>
    <td>示例单元格3</td>
    <td>示例单元格4</td>
  </tr>
</table>

上述两个属性是HTML 4及更早版本的标准原生属性,完美兼容不支持CSS的老旧程序环境。

内容的提问来源于stack exchange,提问作者Adam Scot

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 09:45:04