表格行(列)合并

最新推荐文章于 2024-05-24 17:50:52 发布

紫書

最新推荐文章于 2024-05-24 17:50:52 发布

阅读量195

点赞数

分类专栏： H5

本文链接：https://blog.csdn.net/mc17677175934/article/details/102136941

版权

H5 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

个人源码笔记

效果图（display）

源代码（source code）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="0">
			<!--table 边界 外边距 内边距-->
			<tr>
				<td align="center" colspan="4">商品管理</td><!-- colspan(4列合并) -->
			</tr>
			<tr>
				<td rowspan="3">产品</td><!-- colspan(3行合并) -->
				<td>梦幻</td>
				<td>QQ</td>
				<td>游戏币</td>
			</tr>
			<tr>
				<!-- <td>产品</td> -->
				<td>梦幻</td>
				<td>QQ</td>
				<td>游戏币</td>
			</tr>
			<tr>
				<!-- <td>产品</td> -->
				<td>梦幻</td>
				<td>QQ</td>
				<td>游戏币</td>
			</tr>
			<tr>
				<td rowspan="3">虚拟</td>
				<td>梦幻</td>
				<td>QQ</td>
				<td>游戏币</td>
			</tr>
			<tr>
				<!-- <td>虚拟</td> -->
				<td>梦幻</td>
				<td>QQ</td>
				<td>游戏币</td>
			</tr>
			<tr>
				<!-- <td>虚拟</td> -->
				<td>梦幻</td>
				<td>QQ</td>
				<td>游戏币</td>
			</tr>
		</table>
	</body>
</html>