用HTML+CSS简单做了张简历表格
2024-06-08 23:36:01
这里写自定义目录标题
- 用HTML+CSS简单做了张简历表格
- 效果图：
- 代码块：
用HTML+CSS简单做了张简历表格
效果图：
代码块：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">p{font-size: 40px;text-align: center;font-family: "微软雅黑";color: black;}.A-3{border-collapse: collapse;font-size:30px;color: black;font-family: "微软雅黑";}.A-3 tr td{border:3px solid gray;width: 150px;height: 50px;text-align: center;}.input-1{font-size:30px;color: black;font-family: "微软雅黑";border: none;width:150px ;text-align: center;}.input-2{font-size:30px;color: black;font-family: "微软雅黑";border: none;width:250px ;text-align: center;}.input-3{font-size:30px;color: black;font-family: "微软雅黑";border: none;width:900px ;text-align: center;}</style></head><body><p>个人简历</p><table class="A-3" cellspacing="0" cellpadding="5"align="center"><tr><td class="B-1">姓名</td><td width="10%"><font><input class="input-1" align="center"type="text"name="fname"></font></td><td width="10%">性别</td><td width="=10%"><font><input class="input-1" align="center"type="text"name="fname"></font></td><td class="B-1"width="20%">出生日期</td><td colspan="2"width="10%"><font><input class="input-1" align="center"type="text"name="fname"></font></td><td width="10%"rowspan="4"style="background-color: lightpink;">照片</td></tr><tr><td>民族</td><td ><font><input class="input-1" align="center"type="text"name="fname"></font></td><td >政治面貌</td><td ><font><input class="input-1" align="center"type="text"name="fname"></font></td><td >婚姻状况</td><td ><font><input class="input-1" align="center"type="text"name="fname"></font></td></tr><tr><td>现所在地</td><td><font><input class="input-1" align="center"type="text"name="fname"></font></td><td >籍贯</td><td ><font><input class="input-1" align="center"type="text"name="fname"></font></td><td >学历</td><td ><font><input class="input-1" align="center"type="text"name="fname"></font></td></tr><tr><td width="8%">毕业院校</td><td colspan="2"width="8%"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td width="8%">专业</td><td colspan="2"width="8%"><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td rowspan="5">学习经历</td><td colspan="2">起始年月</td><td colspan="2">就读学校</td><td colspan="3">专业/课程</td></tr><tr><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3"><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3"><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3"><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2"><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3"><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><td class="B-1" rowspan="5">工作经历</td><td colspan="2" >起止年月</td><td colspan="2" >工作单位</td><td colspan="3" >职责</td></tr><tr><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3" ><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3" ><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3" ><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="2" ><font><input class="input-2" align="center"type="text"name="fname"></font></td><td colspan="3" ><font><input class="input-2" align="center"type="text"name="fname"></font></td></tr><tr><td colspan="1"rowspan="2">求职意向</td><td colspan="7"rowspan="2"><form><input class="input-3"align="center"type="text"name="fname"></form></td></tr></table></body>
</html>
用HTML+CSS简单做了张简历表格相关推荐
- html与css编程证书,利用CSS布局做一个简单的荣誉证书（代码示例）
本篇文章将给大家介绍如何使用css布局制作一个简单的荣誉证书,有趣且实用,希望对需要的朋友有所帮助! 那么利用css布局实现简单荣誉证书样式的效果是非常简单的,主要用到以下几个基础属性: backgr ...
- html怎么做条形统计图,CSS 简单实现条形统计图
客户要求显示各类别条形统计图,使用框架或报表统计图工具过于复杂.下面是同事乐小琴同学实现的使用CSS 简单实现条形统计图. 无标题文档 .datetable{ width:500px;} .datet ...
- html+css 简单的静态网页小米官网
html+css简单静态小米官网 把之前做的改进了一下,其他的都是一样的布局 效果图: 新增了一些字体文件 不多说上代码 HTML代码: ```html <!DOCTYPE html> & ...
- processing动态代码大全_做一张动态海报需要多少步？
人们习惯性地把程序员跟设计师分成两种不同性质的人,好像程序员就不会有美感,设计师逻辑思维就一定会很弱,但最近几年我们发现越来越多的程序员学设计,设计师学编程的跨界故事. 新媒体艺术家,邱伟豪也是其中一 ...
- 一天做100张图？只有 AI 能做到！
"一天做100张图"的过分要求,激起了设计师对于甲方的愤怒.在探究这个要求为何如此过分的同时,或许也可以看看是否还有其他人可以担任如此"重任". 还记得叫员工& ...
- 想设计一个母亲节小程序c语言,用小程序做一张精美海报，对母亲说一句：祝您母亲节快乐！...
原标题:用小程序做一张精美海报,对母亲说一句:祝您母亲节快乐! 后天,母亲节. 是不是想对妈妈说一句"我爱你",却总是扭扭捏捏.吞吞吐吐.欲言又止? 互联网时代,很多介质都可以解决 ...
- python名片制作代码_教你做一张能运行 Python 的名片，成本只要20元！
原标题:教你做一张能运行 Python 的名片,成本只要20元! 作为一名普普通通的开发者,改变世界估计是办不到了,但可以让世界更 Geek 一些. 极客名片的诞生 如标题所说,表面上看这是一个名片, ...
- 打分五角星html制作,css简单实现五角星评分、点赞收藏、展示评分（半颗星、1/3颗星）...
css简单实现五角星评分.点赞收藏.展示评分(半颗星.1/3颗星) 1. 前言 之前做的好几个项目中,都会遇到打分,评分,点赞这样的需求,写了很多次,每次需要再写的时候,就会翻出之前写过的代码,然后 ...
- php 图片生成封面,用ps简单制作一张漂亮的封面
Photoshop主要处理以像素所构成的数字图像.使用其众多的编修与绘图工具,可以有效地进行图片编辑工作.ps有很多功能,在图像,图形,文字,视频,出版等各方面都有涉及.通过以上我们可以得知ps是一个 ...
最新文章
- TCP/IP详解--第二十章
- JEPLUS之简单流程创建——JEPLUS软件快速开发平台
- codeforces gym-101755 I-Guess the Tree 交互题、分治、树的直径
- 使用Java和Google GSON解析ESPN API
- Android 中的数据储存方案, 持久化技术
- c语言编写的程序不具备移植性,《C语言》试卷1
- CSS3 box-shadow 设置元素阴影、text-shadow 设置文本阴影
- Jeecg-Boot前后端分离版
- 基于C++的教师信息管理系统
- vue使用ionic图标_Ionic团队的Vue图标集组件
- wpa_supplicant 使用
- word插入公式不自动斜体的解决办法
- Rational Team Concert 的使用
- Redis的incr命令引发的反序列化异常和ERR value is not an integer or out of range异常
- 波长与颜色的对应关系之python实现
- android 双向进度条,Android自定义双向进度条
- 【中秋系列】这款秘制Python月饼游戏，拿走不谢~
- Word使用技巧-分页符-分节符
- SR505人体感应模块
- Unikernels 解读