简历模板总览 · 5 种版式

全部按 A4(210 × 297 mm)精确排版,无需任何外部依赖,双击即可在浏览器中打开、编辑、打印或导出 PDF。 五套模板使用同一份示例内容,方便你直接横向对比版式效果。

A4 210×297mm 打印样式已内置 零依赖单文件 中文排版优化 支持导出 PDF 页边距 · 分页保护

打印 / 导出 PDF 设置(重要)

1
纸张选 A4 打印机属性与浏览器打印对话框中,都确认纸张为 A4、方向为纵向。
2
缩放 = 100%(默认) 千万不要用「适合页面 / 缩放以适应」。缩放会破坏 mm 级排版。
3
边距选「默认」或「无」 模板已在 CSS 中把页边距设为 0、内边距由页面自己控制。
4
勾选「背景图形」 Chrome:更多设置 → 背景图形;否则色块/底纹不会被打印。
5
取消「页眉和页脚」 否则纸张上会出现网址、日期、页码等无关信息。
6
先预览,再打印 右下角有「打印 / 导出 PDF」按钮,点击后右侧就是实时预览。
常见问题:如果打印出来内容被切掉或出现空白第二页,99% 是「缩放」没有设为 100%, 或者内容超出了单页容量。可以适当减少 1–2 条工作经历描述,或把字号从 9.5pt 调到 9pt

选择你的版式

01

经典稳重版

居中姓名 + 单栏通排,衬线字体标题配深蓝主色,整体端正克制、信息密度高。

推荐场景:国企 / 央企 / 事业单位 / 金融 / 制造 / 传统行业,以及 HR 初筛、线下招聘会纸质投递。
02

现代双栏版

左侧深色信息栏集中放联系方式、技能条与教育背景,右侧专注经历陈述,主次分明。

推荐场景:互联网 / 科技公司技术岗、产品岗,技能标签多为加分项时效果最好。
03

极简优雅版

大留白 + 细线分隔 + 中英双语小标题,左侧栏目名与右侧内容形成网格,气质干净高级。

推荐场景:设计 / 品牌 / 咨询 / 外企 / 内容策划,以及想突出审美品味的岗位。
04

时间轴版

用竖向时间线串联工作与项目经历,节点从小到大,成长路径与在职时长一眼可见。

推荐场景:经历较丰富且有清晰晋升 / 跳槽逻辑的候选人,也适合咨询、审计等看年限的行业。
05

色块头部版

顶部彩色通版 Banner + 技能标签带,正文分主副两栏,视觉冲击力最强、最有记忆点。

推荐场景:互联网 / 新媒体 / 电商 / 设计驱动型团队。投纸质简历时最容易在一叠纸里被翻出来。

怎么改成你自己的内容

推荐流程:复制一份再改

  • 先选中一个版式,把该 HTML 文件复制一份并重命名(例如 张明-前端工程师-投递A公司.html),再在原文件基础上修改,保留模板以备再用。
  • 用记事本、VS Code、Sublime、HBuilder 等任意文本编辑器打开即可编辑,不需要安装任何环境。
  • 文字内容全部写在 <body> 里,直接替换中文即可;不要把 <div><ul><li> 这类标签删掉,它们是排版骨架。
  • 要增减「工作经历」,就整段复制 <div class="item">…</div>(模板 04 是 tl-item),多退少补。
  • 想换主题色,只改文件顶部 :root 里的 --accent--brand-1 等变量值即可,全套配色会跟着变。
  • 想贴证件照:模板 02 和 04 里的 <div class="avatar"> 替换成 <img src="photo.jpg"> 即可(照片与 HTML 放在同一目录)。

投递前自查清单

  • 手机号、邮箱务必逐字核对——错一位数就再也联系不上你了。
  • 所有数字(营收、增幅、覆盖率、时长)都是真实的,面试会被追问细节。
  • 每条经历尽量写成「做了什么 → 用了什么方法 → 带来什么可量化结果」,避免只写职责。
  • 控制在一页纸以内(应届生、3 年以内经验尤其如此),删掉与岗位无关的内容。
  • 导出 PDF 后,把文件命名为 姓名-岗位-年限.pdf,而不是 简历.pdf