登录页面表格

最新推荐文章于 2021-07-15 19:42:44 发布

西瓜咬人啦

最新推荐文章于 2021-07-15 19:42:44 发布

阅读量230

点赞数

分类专栏：前端基础

@TMQ

本文链接：https://blog.csdn.net/weixin_42076050/article/details/104619619

版权

前端基础专栏收录该内容

6 篇文章 0 订阅

订阅专栏

在这里插入图片描述原显示边框的网页
表格化

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1px" align="center">
			<tr height="100">
				<td width="100px" ></td>
				<td width="300" colspan="3"></td>
				<td width="300px"></td>
			</tr>
			<tr >
				<td colspan="99" height="10px"></td>
			</tr>
			<tr height="20px">
				<td width="100px" ></td>
				<td width="50px" ></td>
				<td width="20px" rowspan="10"></td>
				<td width="100px"></td>
				<td width="300px" rowspan="10"></td>
			</tr>
			<tr height="20px">
				<td width="100px" ></td>
				<td width="50px" align="right">账号：</td>
				<td width="100px">
					<input type="text" />
				</td>
			</tr>
			<tr height="20px">
				<td width="100px" ></td>
				<td width="50px"></td>
				<td width="100px"></td>
			</tr>
			<tr height="20px">
				<td width="100px" ></td>
				<td width="50px"></td>
				<td width="100px"></td>
			</tr>
			<tr height="20px">
				<td width="100px" ></td>
				<td width="50px"></td>
				<td width="100px"></td>
			</tr>
			<tr height="20px">
				<td width="100px" ></td>
				<td width="50px"></td>
				<td width="100px"></td>
			</tr>
			<tr height="20px">
				<td width="100px" ></td>
				<td width="50px"></td>
				<td width="100px"></td>
			</tr>
		</table>
	</body>
</html>

主要是表格的合并问题colspan、rowspan标签
和单元格align的使用