html做表格（个人简历）

最新推荐文章于 2024-07-26 14:13:22 发布

otatoz

最新推荐文章于 2024-07-26 14:13:22 发布

阅读量3.1w

点赞数 32

分类专栏： html及css 文章标签： html 表格

本文链接：https://blog.csdn.net/qq_42720683/article/details/81293741

版权

html及css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

首先要知道表格中的几个重要属性：

align：让内容居中，取值为left、right、center

border：设置表格的边框

cellspacing：单元格与单元格之间的距离

bgcolor：表格的背景色

colspan：跨列数

rowspan：跨行数

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人简历</title>
</head>
<style>
	td{
		width: 80px;
	}
</style>
<body>
	<table border="1" width="650" height="680" align="center" cellspacing="0">
		<caption>个人简历</caption>
		<tr align="center">
			<td bgcolor="#ededed">姓名</td>
			<td></td>
			<td bgcolor="#ededed">年龄</td>
			<td></td>
			<td bgcolor="#ededed">性别</td>
			<td></td>
			<td colspan="2" rowspan="3"></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">民族</td>
			<td></td>
			<td bgcolor="#ededed">政治面貌</td>
			<td></td>
			<td bgcolor="#ededed">婚姻状况</td>
			<td></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">毕业学校</td>
			<td colspan="2"></td>
			<td bgcolor="#ededed">所学专业</td>
			<td colspan="2"></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">专业能力</td>
			<td colspan="7"></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">求职意向</td>
			<td colspan="7"></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">获奖情况</td>
			<td colspan="7"></td>
		</tr>
		<tr align="center">
			<td bgcolor="#ededed">自我评价</td>
			<td colspan="7"></td>
		</tr>
	</table>
</body>
</html>