下面是设计完成的效果:
下面是代码:
<!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"> 个人资料</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"> 求职意向</p>
<li class="li02">期望薪资:面议</li>
<li class="li02">入职时间:求职中</li>
<li class="li02">目前状态:在职</li>
<br/>
<br/>
<br/>
<br/>
<p class="p01"> 自我评价</p>
<br/>
<p class="p04">有志于以人资管理作为人生职业并将其发展为事业,有着良好的专业基础和能力,熟悉人力资源开发。</p>
</th>
</tr>
</table>
</th>
<th width="500" height="220" valign="middle" align="left"><font size="+6" face="宋体"><br/>刘威杰 </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 **大学 本科</p>
<p class="p03">软件工程</p>
<br/>
<p class="p02">2017.9-2020.6 **大学 硕士</p>
<p class="p03">软件工程</p>
</th>
</tr>
<tr>
<th>
<p class="p01">工作经验</p>
<br/>
<p class="p03">2017.9.—2018.6. 咔瓦信息技术有限公司 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. 众诚信息技术有限公司 HR</p>
<li class="li01">负责各类招聘网站招聘信息的发布掌握技术人员的招聘重点及用人需求;</li>
<li class="li01">负责与应聘人员沟通并进行初步筛选,整理有效简历信息;</li>
<li class="li01">参与公司员工的薪资福利的制定;</li>
<li class="li01">完善公司用人标准与招聘重点</li>
</th>
</tr>
</table>
</body>
</html>
注意:
图片和背景都没有给出,请自行更改