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

總結

以上是生活随笔為你收集整理的用HTML/CSS制作个人简历的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。