HTML +CSS 制作个人简历
2024-04-28 00:52:17
先上效果：
代码：
<style type="text/css">td {font-size: 18px !important;font-family: 'Microsoft YaHei';text-align: center;padding: 1.2% 0 !important;border: none;}.tdLeft {text-align: left;}
</style><div class="layuimini-container"><div class="layuimini-main" style="background: #D0E8FF"><p style="clear:both"></p><div style="width:60%;background:#FFF;margin:auto;padding:1% 0" id="DownLoadPDF"><table id="table1" align="center" cellpadding="10" cellspacing="0" ><colgroup><col width=10%></col><col width=20%></col><col width=20%></col><col width=20%></col><col width=20%></col><col width=10%></col></colgroup><tr><td rowspan="6" colspan="2" style="padding: 0 !important"><img id="headSculpture" style=" width: 200px; height: 280px; margin: 0; margin: auto; padding: 3%; border: 2px solid #2CB1EF; border-radius: 15px;" /></td><td colspan="4" style="width: 100%; padding: 0 !important;"><div style="width: 92%; margin: auto !important; border-radius: 10px; padding: 1%; background: #D0E8FF;"><p style="float: left; width: 30%; color: #00A9FF; font-weight: bold; font-size: 28px;" class="fullName tdLeft"></p><p style=" float: right; width: 70%; text-align: right; color: #3C94FF; text-align: 100; font-weight: 100; font-size: 28px;" class="ExpertType"></p><p style="clear:both"></p></div></td></tr><tr><td align="center" style="padding: 0 !important;">专家评分:</td><td><div id="test4" style="line-height: 20px; padding: 0 !important;"></div></td><td align="center">出生年月:</td><td class="birth tdLeft"></td></tr><tr><td align="center">手机号码:</td><td class="phone tdLeft"></td><td align="center">性 别:</td><td class="Sex tdLeft" align="center"></td></tr><tr><td align="center">工作单位:</td><td class="Place tdLeft">浙江省杭州市余杭区仓前街道正元智慧A座501</td><td align="center">学 历:</td><td class="Education tdLeft"></td></tr><tr><td align="center">政治面貌:</td><td class="politicalStatus tdLeft"></td><td align="center">职 称:</td><td class="Titles tdLeft"></td></tr><tr><td>邮址邮编:</td><td colspan="4" class="ExpressAddress tdLeft" style="text-align:left !important"></td></tr><tr><td colspan="6" style="text-align:left;"><div style="padding: 0 1%;"><img src="/Content/img/简历表头.png" /><hr class="layui-border-black" style="margin:0 !important;"></div></td></tr><tr><td></td><td>姓 名:</td><td class="fullName tdLeft"></td><td>出生年月:</td><td class="birth tdLeft"></td><td></td></tr><tr><td></td><td align="center">性 别:</td><td class="Sex tdLeft"></td><td>学 位:</td><td class="DegreeIn tdLeft"></td><td></td></tr><tr><td></td><td align="center">学 历:</td><td class="Education tdLeft"></td><td>参加工作时间:</td><td class="WorkTime tdLeft"></td><td></td></tr><tr><td></td><td align="center">职 称:</td><td class="Titles tdLeft"></td><td>民 族:</td><td class="Nationality tdLeft"></td><td></td></tr><tr><td></td><td align="center">政治面貌:</td><td class="politicalStatus tdLeft"></td><td>所学专业:</td><td class="Major tdLeft"></td><td></td></tr><tr><td></td><td align="center">工作单位:</td><td class="Place tdLeft"></td><td>是否是上届督学:</td><td class="sjdx tdLeft"></td><td></td></tr><tr><td></td><td align="center">手机号码:</td><td class="phone tdLeft"></td><td>工作电话:</td><td class="tel tdLeft"></td><td></td></tr><tr><td></td><td>邮址邮编:</td><td colspan="3" class="ExpressAddress tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td colspan="6" style="text-align:left;"><div style="padding: 0 1%;"><img src="/Content/img/简历表头1.png" /><hr class="layui-border-black" style="margin:0 !important;"></div></td></tr><tr><td></td><td>督 政:</td><td colspan="3" class="DZ tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td></td><td>督 学:</td><td colspan="3" class="DX tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td></td><td>评 估 监 测:</td><td colspan="3" class="Monitor tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td></td><td>其 它:</td><td colspan="3" class="Other tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td></td><td>个人关心熟悉<br />的教育类别:</td><td colspan="3" class="GRGXSXDJYLB tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td></td><td>个人专业方向<br />与教育领域的<br />相关性:</td><td colspan="3" class="GRZYFXYJYLYDXGX tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td colspan="6" style="text-align:left;"><div style="padding: 0 1%;"><img src="/Content/img/简历表头2.png" /><hr class="layui-border-black" style="margin:0 !important;"></div></td></tr><tr><td></td><td>个人履历:</td><td colspan="3" class="Resume tdLeft" style="text-align:left !important"></td><td></td></tr><tr><td></td><td>备 注:</td><td colspan="3" class="Remark tdLeft" style="text-align:left !important"></td><td></td></tr></table></div></div>
</div>
原创不易，你们的支持是我最大的原创动力！
点赞+收藏支持一下再走吧~-End-
HTML +CSS 制作个人简历相关推荐
- 用HTML/CSS制作个人简历
HTML/CSS/Javascript是网页制作以及自动化报告制作用到的三大主力.由于Javascript多数情况下用于动画视效,本次简历制作没有涉及到动画过渡,所以我们先来看看HTML/CSS咋回事 ...
- 用HTML+CSS制作前端简历
用HTML+CSS制作前端简历 我观看了大量 饥人谷前端模拟面试锦集, 观摩了优秀简历的细节 取他们亮点制作成了自己的简历 吴思里的在线简历 闵聪学长的在线简历 方应杭老师演示时制作的Demo 细节的 ...
- html简历怎么转换,教大家如何用HTML/CSS制作个人简历
HTML/CSS/Javascript是网页制作以及自动化报告制作用到的三大主力.由于Javascript多数情况下用于动画视效,本次简历制作没有涉及到动画过渡,所以我们先来看看HTML/CSS咋回事 ...
- 利用html+css制作个人简历
个人简历制作 使用html和css制作一份个人简历: 软件:IntelliJ IDEA 2022.3.2 Ultimate 效果演示: 前期准备 俗话说的好:工欲善其事必先利其器.首先需要认识html ...
- HTML5,CSS制作个人简历
先建立index页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
- 前端学习第三弹：利用div+css制作个人简历
尝试用纯html制作简历,但是显得过于死板,参数设置不灵活,由于刚刚接触这一块,从网上找了很多资源,先输出后输入,通过一个具体的例子查缺补漏,这样学起来更有劲头也更具效率. ...
- Bootstrap——制作个人简历网页、工具类【边框（添加、删除、颜色、圆角）、清除浮动、颜色（文本、链接、背景）、display属性、浮动、定位、文本对齐】
制作个人简历网页 代码: <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
- 秋招实习季，教你制作在线简历
这篇教程教你制作的简历本质上是部署在Gitee上,依赖Gitee Pages服务的静态页面,制作它需要的知识仅包括前端三件套,即HTML.CSS和Javascript.当然,即使你没有任何代码基础,也 ...
- 使用form表单和table表格制作个人简历
使用form表单和table表格制作个人简历 制作的如下图: 代码如下: <!DOCTYPE html> <html><head><meta charset= ...
- 用HTML+bootstrap制作个人简历
用HTML+bootstrap制作个人简历 index.html <!DOCTYPE html> <html lang="en"><head>& ...
最新文章
- R语言sunburst图（sunburst plot）可视化实战：使用sunburstR包和ggplot2包进行可视化
- style=background-image: url(__HOMEPAGE__/views/IMJ2V2/images/banner2.jpg)
- display 的 32 种写法
- 白话Elasticsearch66-针对集群重启时的shard恢复耗时过长问题定制的重要参数
- php三表关联,详解Yii2 hasOne(), hasMany()实现三表关联的两种方法
- Web开发的历史发展技术演变
- FOSCommentBundle功能包：基于ACL安全添加角色
- 做JAVA开发的同学一定遇到过的爆表问题，看这里解决
- 在Xuper链上部署Java语言智能合约和分析存证合约的实现逻辑
- [Web Chart系列之五] 5. 实战draw2d之figure tooltip 实现
- Delphi GDI对象之绘制文本
- Linux命令（五）之service服务查找、启动/停止等相关操作
- 【转】C++拷贝构造函数详解
- 【语音分析】基于matlab语音短时频域分析【含Matlab源码 558期】
- 游程编码解密（C语言详解）
- [手机Linux]一,线刷小米6到开发版，获取root权限
- Java 解析pdf文档内容实战案例
- uniapp使用uni-ui插件的方式
- 龟山应耸起汉水文化之峰
- 计算机音乐专业考研,2020考研考场安排：武汉音乐学院《计算机音乐作曲》科目考生须知...