教大家如何用HTML/CSS制作个人简历

HTML/CSS/Javascript是网页制作以及自动化报告制作用到的三大主力。由于Javascript多数情况下用于动画视效，本次简历制作没有涉及到动画过渡，所以我们先来看看HTML/CSS咋回事。

好了，我们开始进入正题，首先需要用HTML写一下大体的框架，然后用CSS点缀下，使得样式更美观，在这里我极力推荐Visual Studio Code编辑器(https://code.visualstudio.com/Download)。我们先来看下最终的效果怎么样。

【此处无法插入视频，观看视频，可点击我们的公众号原文链接：https://mp.weixin.qq.com/s/LBJ9N5UXzslAik9Fplae_w】。

HTML中简历框架主要包括1.基本信息，2.教育背景，3.工作经验，4.专业技能，5.社交图标五个内容。css中对整体布局调整为栅格布局；显示外框阴影呈现3D效果；鼠标悬停在不同级别的文字时，字体展示不同颜色提示；页脚处添加社交图标，并插入链接或图片提示。

图片为了让大家更好的体验和了解通过HTML/CSS制作交互式简历卡片，这里给大家分享下源码和项目演示地址。

演示地址：http://visinfostudio.gitee.io/example-show

源码地址 ：https://gitee.com/VisInfoStudio/info-studio-share/tree/master/1-personal-resume