HTML5相邻表格table的合并

最新推荐文章于 2024-10-10 07:48:27 发布

英俊男孩

最新推荐文章于 2024-10-10 07:48:27 发布

阅读量879

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.youkuaiyun.com/qq_44829011/article/details/108434932

版权

本文介绍了HTML5中如何通过`<td>`标签的`rowspan`和`colspan`属性实现表格中单元格的行列合并，以达到美化表格布局的效果。通过示例讲述了如何使备注横向跨越两行，利率2.75纵向跨越两行的方法。

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

相邻表格table的合并

常规表格由table标签包含 tr标签 td标签组成
在这里插入图片描述

<body>
		利率数据表
		<table border='1'>
			<tr>
				<td>存款时间</td>
				<td>存款利率</td>
			</tr>
			<tr>
				<td>一年</td>
				<td>1.75</td>
			</tr>
			<tr>
				<td>二年</td>
				<td>2.25</td>
			</tr>
			<tr>
				<td>三年</td>
				<td>2.75