简历解析后的排版样式HTML
时间: 2023-11-11 10:02:08 浏览: 125
这是一个简单的示例,您可以根据需要进行修改和自定义:
```html
<!DOCTYPE html>
<html>
<head>
<title>简历</title>
<style>
body {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #333;
margin: 0;
padding: 0;
}
h1, h2, h3 {
margin: 0;
padding: 0;
}
h1 {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
}
h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
p {
margin: 0;
padding: 0;
}
section {
margin-bottom: 30px;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
ul li {
margin-bottom: 5px;
}
.container {
width: 80%;
margin: 0 auto;
padding: 50px 0;
}
.left {
float: left;
width: 30%;
}
.right {
float: right;
width: 70%;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>姓名</h1>
<p>联系方式</p>
<p>个人网站/博客</p>
</header>
<section>
<h2>教育背景</h2>
<ul>
<li><strong>学位</strong> 学校名称,专业名称,毕业年份</li>
<li><strong>学位</strong> 学校名称,专业名称,毕业年份</li>
</ul>
</section>
<section>
<h2>工作经历</h2>
<ul>
<li>
<div class="left">
<h3>公司名称</h3>
<p>职位名称</p>
<p>工作时间</p>
</div>
<div class="right">
<ul>
<li>工作内容描述</li>
<li>工作内容描述</li>
<li>工作内容描述</li>
</ul>
</div>
<div class="clearfix"></div>
</li>
<li>
<div class="left">
<h3>公司名称</h3>
<p>职位名称</p>
<p>工作时间</p>
</div>
<div class="right">
<ul>
<li>工作内容描述</li>
<li>工作内容描述</li>
<li>工作内容描述</li>
</ul>
</div>
<div class="clearfix"></div>
</li>
</ul>
</section>
<section>
<h2>项目经验</h2>
<ul>
<li>
<div class="left">
<h3>项目名称</h3>
<p>项目时间</p>
</div>
<div class="right">
<ul>
<li>项目描述</li>
<li>项目描述</li>
<li>项目描述</li>
</ul>
</div>
<div class="clearfix"></div>
</li>
<li>
<div class="left">
<h3>项目名称</h3>
<p>项目时间</p>
</div>
<div class="right">
<ul>
<li>项目描述</li>
<li>项目描述</li>
<li>项目描述</li>
</ul>
</div>
<div class="clearfix"></div>
</li>
</ul>
</section>
<section>
<h2>技能</h2>
<ul>
<li>技能名称</li>
<li>技能名称</li>
<li>技能名称</li>
</ul>
</section>
</div>
</body>
</html>
```
阅读全文