表格的制作

最新推荐文章于 2022-08-29 15:09:23 发布

基本模型与排列组合

最新推荐文章于 2022-08-29 15:09:23 发布

阅读量71

点赞数

分类专栏：前端培训

本文链接：https://blog.csdn.net/qq_50832904/article/details/118359871

版权

前端培训专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style>
		table{
			border: 1px solid #ccc;
			border-collapse: collapse;/*合并无用的边框，有点像padding=0*/
		}
		tr th{
			height: 200px;
			border: 1px solid #ccc;
			width: 100px;
		}
		tr td{
			height: 200px;
			border: 1px solid #ccc;
			width: 100px;
		}
	</style>
</head>
<body>
	<table>
		<caption>this is the caption</caption>
		<tr>
			<th>TH1</th>
			<th>TH2</th>
			<th>TH3</th>
			<th>TH4</th>
		</tr>
		<tr>
			<td>TD1</td>
			<td>TD2</td>
			<td>TD3</td>
			<td>TD4</td>
		</tr>
		<tr>
			<td colspan="2">TD1</td>
			
			<td>TD3</td>
			<td>TD4</td>
		</tr>
		<tr>
			<td rowspan="2">TD1</td>
			<td>TD2</td>
			<td>TD3</td>
			<td>TD4</td>
		</tr>
		<tr>
			
			<td>TD2</td>
			<td>TD3</td>
			<td>TD4</td>
		</tr>
		<tr>
			<td>TD1</td>
			<td>TD2</td>
			<td>TD3</td>
			<td>TD4</td>
		</tr>
	</table>
</body>
</html>

基本模型与排列组合

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表格的制作

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style> table{ border: 1px solid #ccc; border-collapse: collapse;/*合并无用的边框，有点像padding=0*/ } tr th{ height: 200px; border: 1.
复制链接

扫一扫