制作细线表格

colspan可跨列合并：

点击查看代码 
<tr>
    <td colspan="3">全班平均分</td>
</tr>
rowspan可跨行合并：
点击查看代码 
<tr>
    <td rowspan="3">全班平均分</td>
</tr>
制作细线表格
点击查看代码 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>细线表格的制作</title>
		<style type="text/css">
			table{
				border: 1px solid red;
				border-collapse: collapse;
				
			}
			td{
				border: 1px solid red;
			}
		</style>
	</head>
	<body>
		<form action="">
			<table>
				<!--行-->
				<tr>
					<!--列，列要在行里面-->
					<td>姓名</td>
					<td>语文</td>
					<td>数学</td>
					<td>英语</td>
				</tr>
				<tr>
					<td>小明</td>
					<td>98</td>
					<td>99</td>
					<td>100</td>
				</tr>
				<tr>
					<td>小红</td>
					<td>99</td>
					<td>99</td>
					<td>100</td>
				</tr>
			</table>
		</form>
	</body>
</html>
posted @ 2026-07-08 21:10  lvxuel  阅读(9)  评论(0)    收藏  举报