简历制作(网页版)
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8">
<title>我的简历</title>
<style type="text/css">
#title {
text-align:left;
padding:5px;
}
#smalltitle1{
margin: 0 auto;/*外边距上下为0,左右自适应,为了使DIV在浏览器中水平居中*/
background-color:white;
color:black;
height:20px;
width:80%;
text-align: left;
padding:5px;
border-radius: 5px;
}
#smalltitle2{
margin: 0 auto;
background-color:white;
color:black;
height:20px;
width:100%;
text-align: left;
padding:5px;
border-radius: 5px;
}
#text1{
/* font-family: SimSun;
font-weight: 600;*/
width: 75%;
margin: 0 auto;
font-size:0.9em;
border-radius: 5px;
}
#text2{
/* font-family: SimSun;*/
/* font-weight: 600;*/
width: 90%;
margin: 0 auto;
font-size:0.9em;
border-radius: 5px;
}
</style>
<!-- 背景图片 -->
<style type="text/css">
body{
background-image: url(image/1.jpg);
}
</style>
</head>
</style>
<body>
<div>
<div style="float: left;width: 250px;margin-top: 20px;margin-left: 150px;">
<!-- 标题 -->
<div id="title">
<strong style="font-size: 25px">个人简历</strong>
<br></br>
</div>
<!-- 头像 -->
<div id="picture" style="width:200;height:266;border-radius: 20px;overflow: hidden;">
<img src="image\bighead.jpg" alt=""/>
</div>
<!-- 基本信息 -->
<div id="information">
<br><br><br>
<strong style="font-size: 18px">基本信息</strong><br><br>
<div style="font-family: SimSun;font-weight: 800;">
<span>姓名: </span><br>
<span>性别: </span><br>
<span>年龄: </span><br>
<span>院校: </span><br>
<span>专业: </span><br>
</div>
</div>
</div>
<div style="float: left;width: 600px;margin-top: 30px;margin-left: 40px;">
<!-- 教育背景 -->
<div id='smalltitle1'><strong>教育背景</strong></div>
<div id="text1">
<br>
<span>2019-2023: /span><br>
<span>2023-2026: 哈尔滨佛学院·量子波动数据学</span><br>
<br>
</div>
<!-- 证书、获奖 -->
<div id="smalltitle1"><strong>证书、获奖</strong></div>
<div id="text1">
<ul>
<li>英语四级/六级 710+</li>
<li>CCF CSP 500+</li>
<li>计算机一、二、三、四级各类</li>
<li>普通话一级甲等</li>
<li>教师资格证</li>
<li>律师资格证</li>
<li>机动车驾驶执照</li>
<li>飞机驾驶执照</li>
<li>全球大学生数学建模比赛特等奖</li>
<li>2019~2023世界特等奖学金</li>
</ul>
</div>
<!-- 工作经验 -->
<div id='smalltitle1'><strong>工作经验</strong></div>
<div id="text1" >
<ul>
<li><i>谷歌信息技术(中国)有限公司</i></li><br>
<span> 起止年月:2023.6-2024.6</span><br>
<span> 担任职务:DEO</span><br>
<span> 工作描述:xxxxxxxxxxxxxxxxxx</span><br><br>
<li><i>微软(中国)有限公司</i></li><br>
<span> 起止年月:2024.6-2025.6</span><br>
<span> 担任职务:DEO</span><br>
<span> 工作描述:xxxxxxxxxxxxxxxxxx</span><br><br>
</ul>
</div>
</div>
<div style="float: left;width: 250px;margin-top: 30px;margin-left: 40px;">
<!-- 自我评价 -->
<div id='smalltitle2'><strong>自我评价</strong></div>
<div id = "text2">
<br>
<span> </span><br><br>
</div>
<!-- 基础技能 -->
<div id='smalltitle2'><strong>基础技能</strong></div>
<div id = "text2">
<br> <span> </span><br><br>
</div>
<!-- 兴趣爱好 -->
<div id='smalltitle2'><strong>兴趣爱好</strong></div>
<div id = "text2">
<br>
<span></span><br>
<span></span><br>
<span></span><br><br>
</div>
<!-- 联系方式 -->
<div id='smalltitle2'><strong>联系方式</strong></div>
<div id = "text2">
<br>
<span>电话:</span><br>
<span>地址:</span><br>
<span>邮箱:</span><br>
</div>
</div>
</div>
<div style="height: 20px;display: block;"></div>
</body>
</html>