cellspacing和cellpadding的区别

最新推荐文章于 2021-06-16 15:08:30 发布

原创最新推荐文章于 2021-06-16 15:08:30 发布 · 1.9w 阅读

47 ·

CC 4.0 BY-SA版权

文章标签：

#前端开发

css 专栏收录该内容

55 篇文章

订阅专栏

本文详细解析了HTML中table元素的cellspacing和cellpadding属性的区别。cellspacing定义了单元格之间的间距，而cellpadding则设定了单元格内容与边界的距离。通过具体的代码示例，直观展示了这两个属性在网页布局中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

cellspacing和cellpadding的区别

1.cellspacing表示各单元格之间的空隙
2.cellpadding表示单元格内容与单元格边界之间的距离
上代码：
CSS部分

<style>
table td{
	height: 50px;
	width: 200px;
}
</style>

body部分

<body>
//表格1
<table border="1">
<tr><td>1</td><td>2</td></tr>
</table>
//表格2，无cellpadding
<table border="1" cellpadding="0">
<tr><td>1</td><td>2</td></tr>
</table>
//表格3，无cellspacing
<table border="1" cellspacing="0">
<tr><td>1</td><td>2</td></tr>
</table>
</body>

效果如下
在这里插入图片描述