HTMLCSS006简历制作

最新推荐文章于 2022-05-18 18:56:00 发布

penny_zeng

最新推荐文章于 2022-05-18 18:56:00 发布

阅读量118

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/penny_zeng/article/details/108910986

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文介绍了如何使用HTML和CSS来创建一个6行7列的简历表格，并重点讲解了如何通过`colspan`和`rowspan`属性进行列合并和行合并，以实现简历的高效布局。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1px" cellspacing="0" cellpadding="">
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<col width="100px">
			<!--可用 <colgroup span="6" width="100px">表示前6列的宽-->
			<col width="100px">
			<tr align="center">
				<td colspan="7">简历</td>
				
			</tr>
			<tr align="center">
				<td>姓名</td>
				<td></td>
				<td>性别</td>
				<td></td>
				<td>年龄</td>
				<td></td>
				<td rowspan="4">照片</td>
			</tr>
			<tr align="center">
				<td>学历</td>
				<td></td>
				<td >籍贯</td>
				<td colspan="3"></td>
			</tr>
			<tr align="center">
				<td>电话</td>
				<td></td>
				<td>政治面貌</td>
				<td colspan="3"></td>
			</tr>
			<tr align="center">
				<td>毕业院校</td>
				<td colspan="5"></td>
			</tr>
			<tr align="center">
				<td>求职意向</td>
			</tr>
		</table>
	</body>
</html>

在这里插入图片描述
首先算好所有的行列
该简历为6行7列，设置好一个6行7列的表格，需要合并即多余的表格删除
colspan="“列合并，rowspan=”"行合并

penny_zeng

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTMLCSS006简历制作

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1px" cellspacing="0" cellpadding=""> <col width="100px"> <col width="100px">
复制链接

扫一扫