设计网页简历

下面是设计完成的效果:

 

下面是代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简历</title>
	<!--表格-->
	<style type="text/css">
		.table01{
			width: 900px;
			height: 1000px;
			border: 0px solid #000000;
			background-color:#FBFBFB;
		}
		.table02{
			width: 270px;
			height: 1000px;
			background-image:url("../picture/左背景.png");
			margin: 20px;
		}
		.tr01,.td01{
			border: 1px solid #F90004;
			
		}
	</style>
	<!--背景-->
	<style type="text/css">
		body{background-color:#CBC8C8}
	</style>
	<!--图片-->
	<style type="text/css">
		img{
			border-radius: 50%;
		}
	</style>
	<!--段落-->
	<style type="text/css">
		p{
			text-align-last: left;
			margin: 0 0;
		}
		.p01{
			font-size:28px;
			font-family: 华文仿宋;
			font-weight: 600;
		}
		.p02{
			font-size:20px;
			font-family: 华文仿宋;
			font-weight: 600;
		}
		.p03{
			font-size:18px;
			font-family: 华文仿宋;
			font-weight: 400;
		}
		.p04{
			font-size:16px;
			font-family: 华文仿宋;
			font-weight: 600;
			margin: 10px;
		}
	</style>
	<!--列表-->
	<style type="text/css">
		.li01{
			list-style-type: square;
			font-size:18px;
			font-family: 华文仿宋;
			font-weight: 600;
			text-align: left;
			margin: 10px;
		}
		.li02{
			list-style-type: disc;
			font-size:20px;
			font-family: 华文仿宋;
			font-weight: 600;
			text-align: left;
			margin: 10px;
		}
	</style>
</head>

<body>
	<table class="table01" align="center" cellpadding="20px">
		<tr>
			<th rowspan="3">
				<table class="table02" align="left">
					<tr height="250"> 
					<th><img src="../picture/头像.jpg" width="180" height="180" alt=""></th>
					</tr>
					<tr height="250">
						<th>
							<p class="p01">&nbsp;&nbsp;&nbsp;个人资料</p>
							<li class="li02">2002年12月</li>
							<li class="li02">13038836308</li>
							<li class="li02">cnsupport@canva.com</li>
							<li class="li02">本科</li>
						</th>
					</tr>
					<tr>
						<th>
							<p class="p01">&nbsp;&nbsp;&nbsp;求职意向</p>
							<li class="li02">期望薪资:面议</li>
							<li class="li02">入职时间:求职中</li>
							<li class="li02">目前状态:在职</li>
							<br/>
							<br/>
							<br/>
							<br/>
							<p class="p01">&nbsp;&nbsp;&nbsp;自我评价</p>
							<br/>
							<p class="p04">有志于以人资管理作为人生职业并将其发展为事业,有着良好的专业基础和能力,熟悉人力资源开发。</p>
						</th>
					</tr>
				</table>
			</th>
			<th width="500" height="220" valign="middle" align="left"><font size="+6" face="宋体"><br/>刘威杰&nbsp;</font>
			<font size="+2" face="宋体">软件工程</font></th>
		</tr>
		<tr>
			<th width="500" height="200" align="left">
				<p class="p01">教育经历</p>
				<br/><br/>
				<p class="p02">2013.9-2017.6&nbsp;&nbsp;&nbsp;&nbsp;**大学&nbsp;&nbsp;&nbsp;&nbsp;本科</p>
				<p class="p03">软件工程</p>
				<br/>
				<p class="p02">2017.9-2020.6&nbsp;&nbsp;&nbsp;&nbsp;**大学&nbsp;&nbsp;&nbsp;&nbsp;硕士</p>
			  <p class="p03">软件工程</p>
			</th>
		</tr>
		<tr>
			<th>
			<p class="p01">工作经验</p>
				<br/>
			<p class="p03">2017.9.—2018.6.&nbsp;&nbsp;&nbsp;&nbsp;咔瓦信息技术有限公司 &nbsp;&nbsp;&nbsp;&nbsp;HR</p>
			<li class="li01">有效地维护并拓展招聘渠道,以寻找到最佳的招聘资源;掌握技术人员的招聘重点及用人需求;</li>
			<li class="li01">组织和执行招聘计划,发布招聘,收集简历,进行简历初步筛选,候选人电话初步沟通,整理有效简历信息;</li>
			<li class="li01">负责整个招聘进程、跟踪面试结果;</li>
			<li class="li01">人员招聘、留存的情况跟踪及分析,以便对招聘活动进行有效的评估</li>
			<p class="p03">2017.3.—2017.9.&nbsp;&nbsp;&nbsp;&nbsp;众诚信息技术有限公司&nbsp;&nbsp;&nbsp;&nbsp;HR</p>
			<li class="li01">负责各类招聘网站招聘信息的发布掌握技术人员的招聘重点及用人需求;</li>
			<li class="li01">负责与应聘人员沟通并进行初步筛选,整理有效简历信息;</li>
			<li class="li01">参与公司员工的薪资福利的制定;</li>
			<li class="li01">完善公司用人标准与招聘重点</li>
			</th>
		</tr>
	
	</table>
</body>
</html>

注意:

图片和背景都没有给出,请自行更改

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值