html之table属性

最新推荐文章于 2024-07-12 00:07:26 发布

Jerry_0728

最新推荐文章于 2024-07-12 00:07:26 发布

阅读量2.3w

点赞数 23

分类专栏： html

本文链接：https://blog.csdn.net/Jerry_0728/article/details/109307049

版权

本文介绍了HTML中table、tr和td标签的属性，包括border、cellspacing、cellpadding、align、width、height、valign等，讲解了如何设置表格边框、内外间距、对齐方式、宽度高度，并通过实例演示了列合并和行跨行的方法，强调了正确删除td进行合并的重要性。

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

目标：
1，table标签属性
2，table通用属性
3，tr标签属性
4，td标签属性

上一节我们说了table简单结构和复杂结构，这一节我们来看一下table的属性

1，table标签属性
1，边框border，设置table的表格，默认为0，没有表格。

例如： border = “1” 设置表格边框为1px

2，外间距cellspacing，设置边框与边框的距离；

例如：cellspacing = “20” 效果如下：

不过一般我们设置cellspacing = “0”，效果如下：

3，内间距：cellpadding，设置边框与内容之间的距离。

例如：cellpadding = “10”，效果如下：

综上效果，代码如下：

<table border="1" cellspacing="0" cellpadding="10">
		<caption>信息采集表</caption>
		<tr align="center" >
			<td>序号</td>
			<td>姓名</td>
			<td>性别</td>
			<td>籍贯</td>
		</tr>
		<tr align="center">
			<td>1</td>
			<td>Jerry</td>
			<td>女</td>
			<td>河北衡水</td>
		</tr>
		<tr align="center">
			<td>2</td>
			<td>Tom</td>
			<td>男</td>
			<td>运城稷山</td>
		</tr>
		<tr align=&