文章目录

1.设计来源
- 1.1 主界面
- 1.2 基本资料页面
- 1.3 个人名言页面
- 1.4 教育经历页面
- 1.5 联系方式页面
- 1.6 自我评价页面
- 1.7 工作经历页面
- 1.8 兴趣爱好页面
- 1.9 沟通交流页面
2.效果和源码
- 2.1 动态效果
- 2.2 源代码
- 2.3 相关个人简历源码
源码下载

作者：xcLeigh
文章地址：https://blog.csdn.net/weixin_43151418/article/details/129833983

html制作好看的个人简历(附源码) html制作好看的个人简历(附源码)，代码简单，通俗易懂，html实现好看的个人简历，界面酷炫，简洁明了，附件源码，下载后直接使用，可以用文本、工具（vscode，Hbuilder，dw）打开编辑自己的相关信息，也可在此框架下，扩展更多其他效果。

1.设计来源

html制作好看的个人简历分为八个版块，基本资料，个人名言，教育经历，联系方式，自我评价，工作经历，兴趣爱好，沟通交流。可以自定义模块名称，内容。

1.1 主界面

主界面包括八个版块内容，动态的指向我得简历，动态的流动效果，支持拖拽。基本资料，个人名言，教育经历，联系方式，自我评价，工作经历，兴趣爱好，沟通交流。这里面是主导航，所有的内容展示；

1.2 基本资料页面

基本资料界面，展示自己的基本信息，包括专业技能、姓名、年龄、性别、手机号、邮箱、学历、专业等；

1.3 个人名言页面

个人名言界面，展示自己的个人名言，励志名言等；

1.4 教育经历页面

教育经历界面，展示自己的最高学历、培训机构等；

1.5 联系方式页面

联系方式界面，展示自己的电话、城市、邮箱等；

1.6 自我评价页面

自我评价界面，展示自己的特长、性格、人品等；

1.7 工作经历页面

工作经历界面，展示自己的工作项目等；

1.8 兴趣爱好页面

工作经历界面，展示自己的兴趣爱好等；

1.9 沟通交流页面

沟通交流界面，用于提交沟通交流信息；

2.效果和源码

2.1 动态效果

html实现好看的个人简历

2.2 源代码

这里是主界面的代码，其他图片、js、css等代码，见下面的 源码下载 ，里面有所有代码资源和相关说明。

<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>徐先生的个人简历</title><meta name="description" content="徐先生个人简历，一个实实在在的IT人，致力于IT事业，从事Asp.Net,Java,Oracle,mysql,sqlserver,html,js/jquery,app等相关研发。"><meta name="keywords" content="徐先生个人简历,徐先生,个人简历" /><link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"><link rel="stylesheet" href="css/index.css"><link rel="stylesheet" href="css/font_3045003_lkxtjaj4m6.css"><link rel="stylesheet" href="js/rotation3D/rotation3D.css"><link rel="stylesheet" href="css/myself.css"></head><body><!-- 基本资料 --><div id="data1" style="position: absolute; width:100%;height: 100%; z-index: 999; display: none;"><div class="box"><div class="content"><h1 style="color:orange;">基本资料</h1><div style="border-top:1px dashed orange;margin-bottom: 20px;"></div><div>&nbsp;&nbsp;&nbsp;&nbsp;熟悉C#和Java前后端开发，熟悉oracle和mysql数据库，熟悉Html和js及css前端开发，熟悉uniapp跨平台开发，熟悉windows和linux服务器部署web服务，熟悉winform和swing应用程序研发，熟悉云服务器部署建站。</div><div style="display:flex;width: calc(100% - 260px); padding: 40px 100px; justify-content: center; align-items: flex-start; align-content: center;"><div style="width:38%; text-align: center;"><img src="img/imgg.png" style="width:47%;height: 47%; border-radius: 50%;" /></div><div style="width:31%;  text-align: left;"><div class="myselfDiv">姓名 | xcLeigh</div><div class="myselfDiv">性别 | 男</div><div class="myselfDiv">出生 | 1992.02.20</div><div class="myselfDiv">居住 | 北京市海淀区</div><div class="myselfDiv">学历 | 本科</div><div class="myselfDiv">专业 | 计算机应用</div></div><div style="width:31%; text-align: left;"><div class="myselfDiv">手机 | 13300000000</div><div class="myselfDiv">邮箱 | 1376174000@qq.com</div><div class="myselfDiv">qq号 | 1376174000</div><div class="myselfDiv">户籍 | 北京市海淀区</div><div class="myselfDiv">学校 | 北京理工大学</div></div></div><script src="js/jquery.min.js" type="text/javascript"><script src="js/index.js" type="text/javascript"></script></body>
</html>

2.3 相关个人简历源码

html制作好看的个人简历(附源码)相关推荐

html实现好看的导航主页(附源码)
文章目录 1.设计来源 1.1 主界面 1.2 底部导航 1.3 屏幕保护 2.效果和源码 2.1 动态效果 2.2 源代码源码下载作者:xcLeigh 文章地址:https://blog.csd ...
【实战HTML5与CSS3】免费制作威客页面啦（附源码）
[实战HTML5与CSS3]免费制作威客页面啦(附源码) 原文 http://www.cnblogs.com/yexiaochai/archive/2013/05/05/3060770.html 前言 ...
酸爽，最近又帮业务方制作了一个数据看板(附源码)
事情是这样的,最近接到了这样的业务需求,需要在地图上将我司船舶的轨迹展示出来.听起来很简单,一开始我也是这样想的.通过一些BI工具应该可以轻松实现,比如这样的: 仔细观察可以看到,这种轨迹是两点之前的 ...
手把手教你使用opencv-python库制作屏幕录制工具（附源码）
目录目录应用平台屏幕录制部分计算视频最优fps及使用numpy计算中间帧数组使用pynput监听键盘按键如何保存MP4格式视频源码总结最近有在使用屏幕录制软件录制桌面,在用的过程中突 ...
一周极客热文：程序员给女朋友用HTML5制作的3D相册（附源码）
一个高大上的HTML5作品,是利用HTML5 canvas制作的3D图片展示.据说是程序员给自己女朋友做的. 谁说程序员不懂浪漫! 源码下载:CSDN下载频道或来自杨林枫的整理. 一. 提升开发效率的 ...
福利！Python制作动态字符画（附源码）
字符画,一种由字母.标点.汉字或其他字符组成的图画.简单的字符画是利用字符的形状代替图画的线条来构成简单的人物.事物等形象,它一般由人工制作而成:复杂的字符画通常利用占用不同数量像素的字符代替图画上不 ...
C/C++项目：火遍全网的字符动画到底如何制作呢？（内附源码）
字符动画,顾名思义就是由字符组成的动画. 如果你经常刷短视频的话,相信你一定刷到过某音创作者将女神井川里予跳舞视频制作成字符动画,点赞也能破10W. 那么,火遍某音的字符动画用编程语言怎么制作呢?感兴 ...
Python+Pgzrun制作打飞机游戏（附源码）
目录基本框架创建滚动背景创建飞机让plane移动发射子弹创建敌机敌机移动金币制度关卡制度设置创建更高级飞机(SRplane和SSRplane ) 开始炸弹介绍源码基本框架 ...
制作个人网页过程（附源码）
主标题: <div align="center"><b><h1>Weclome you! My friend - Krazy</h1> ...

html制作好看的个人简历(附源码)