CSS+html制作简历表

article/2025/10/25 16:03:15

CSS格式

  • CSS样式的语法:

css选择器{
样式属性1:属性值;
样式属性2:属性值;.
…}

  • css选择器:

用于定位需要施加某些样式的某个或某一些标签,有ID选择器,class选择器,标签选择器等常用选择器可供选择使用。

  • 选择器更多参考

CSS+html制作简历表

**不使用具有某些具有样式效果的标签(不使用HTML5不推荐的标签),不使用具有某些样式效果的标签属性(不使用HTM5不推荐的属性) **

简历样式:

简历界面样式

  • 代码:
<!DOCTYPE html>
<html><head><style>table,td,th {border: 1px solid black;height: 80px;/* color: white; */}/* 			body {background-image: url(img/车.jpg);background-size: cover;background-attachment: fixed;} */#imim{background-image: url(img/车.jpg) ;background-size: contain;}table {border-collapse: collapse;width: 600px;}td {height: 30px;width: 115px;vertical-align: botom;}th {background-color: rgb(60, 179, 113);}#jizhon {text-align: center;}</style><meta charset="utf-8" /><title></title></head><body><table align="center"><tr><th colspan="5">个人简历</th></tr><tr><td>姓名</td><td id="jizhon">小明</td><td>性别</td><td id="jizhon">男</td><td rowspan="4" id="imim">  </td></tr><tr><td>出生日期</td><td id="jizhon">20210101</td><td>籍 贯</td><td id="jizhon">惠州惠城区</td></tr><tr><td>毕业学校</td><td id="jizhon">社会大学</td><td>所学专业</td><td id="jizhon">智能科学与技术</td></tr><tr><td>政治面貌</td><td id="jizhon">共青团员</td><td>求职意向</td><td id="jizhon">开发工程师</td></tr><tr><td colspan="5">联系方式</td></tr><tr><td colspan="5"><ol><li>电 话 : 12552</li><li>e-mail : 1@qq.com</li><li>联系地址: 无 </li></ol></td></tr><tr><td colspan="5">专业技能</td></tr><tr><td colspan="5"><ul><li>1、具备丰富的JAVA开发经验、熟悉JAVA基础、JAVAEE、微服务、Spring、SpringMVC、SpringBoot、Mybatis、Dubbo、SpringCloud全家桶等开源框架协议;</li><li>2、掌握分布式系统常见技术、如多线程、分布式缓存、消息中间件、搜索引擎、分布式事务、负载均衡、限流降级等;</li><li>3、熟悉Mysql、Postgresql等关系型数据库及其优化,熟悉MongoDb、Redis等至少一种非关系型数据库;</li><li>4、熟悉DevOps、敏捷等软件开发流程、了解Docker容器化部署等相关技术;</li><li>5.有大数据处理经验,包括hadoop/storm/spark/hbase/ELK等;对机器学习、深度学习、搜索,等技能的都有掌握。</li></ul></td></tr><tr><td colspan="5">语言水平</td></tr><tr><td colspan="5"><ul><li>普通话二乙</li><li>英语听说读写能力</li></ul></td></tr><tr><td colspan="5">社会实践经历</td></tr><tr><td colspan="5"><ul><li>参加各种志愿活动</li></ul></td></tr><tr><td colspan="5">自我评价</td></tr><tr><td colspan="5"><ul><li>1、具备较强的责任心、良好的自我驱动能力、逻辑思维清晰,乐于接受挑战与创新。</li><li>2.具备良好的语言组织能力和代码书写规范、详细设计文档编写能力;</li><li> 3.具有良好的职业素质,敬业、刻苦好学、具备良好的团队合作精神、沟通交互能力,有强烈的责任感及果断的执行力、能够承受一定压力;</li></ul></td></tr></table></body>
</html>

更多方法参考W3school


http://chatgpt.dhexx.cn/article/50ThLv11.shtml

相关文章

用HTML和CSS编辑的简历模板

1. 工具&#xff1a; sublime或者EditPlus、任意浏览器 2. 代码文件 点击提取 密码: 5ee7 3. 效果

怎样用HTML做一份精美的简历(html5+css)

先来看一下效果图&#xff1a; 代码&#xff1a;index.html <!DOCTYPE html> <html> <head><title>简历二</title><meta charset"utf-8"><link rel"stylesheet" type"text/css" href"../css/mysty…

HTML+CSS实例:简单朴素的个人简历模板(HTML表格使用+css样式渲染)

个人简历模板 丑是丑了点&#xff0c;没有那么花里胡哨。。。 先看展示 代码实现 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"&g…

html+css个人简历/网页界面

代码如下&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>个人简历</title><link rel"stylesheet" href"css/li.css" /></head><body><div class"q&q…

2022最新简历模板

一份好的简历&#xff0c;要的不是花里胡哨&#xff0c;要的是简洁和内容相结合&#xff0c;这样的简历才是优秀的。 而且在排版设计上要适合HR快速阅读&#xff0c;用词、结构要专业。这样的简历模板&#xff0c;才是你需要的&#xff01; 下面我要分享几个免费高质量简历模…

设计模式--【模板模式】

在模板模式&#xff08;Template Pattern&#xff09;中&#xff0c;一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。 介绍 意图&#xff1a;定义一个操作中…

模板模式(设计模式)

模板模式 在模板模式(Template Pattern)中&#xff0c;一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。这种类型的设计模式属于行为型模式。 1.介绍 意图&#xff1a;定义一个操作中的算法的骨架…

【JavaSE】Java设计模式详解(二)抽象模板模式

&#x1f481; 个人主页&#xff1a;Nezuko627的博客主页 ❤️ 支持我&#xff1a;&#x1f44d; 点赞 &#x1f337; 收藏 &#x1f918;关注 &#x1f38f; 格言&#xff1a;立志做一个有思想的程序员 &#x1f31f; &#x1f4eb; 作者介绍&#xff1a;本人本科软件工程在读…

设计模式之模板设计模式

设计模式之模板设计模式 代码下载 1.概念 定义一个操作中的算法的骨架&#xff0c;而将一些步骤延迟到子类中。Template Method使得子类可以不改变一 个算法的结构即可重定义该算法的某些特定步骤。 2.类图 代码下载

10.7 抽象类最佳实践-模板设计模式

10.7.1 基本介绍 10.7.2 模板设计模式能解决的问题 10.7.3 最佳实践 abstract public class Template { //抽象类-模板设计模式 public abstract void job();//抽象方法 public void calculateTime() { //实现方法&#xff0c;调用 job 方法 //得到开始的时间 long start …

【设计模式-模板模式】

设计模式-模板模式 模板模式模板模式的优缺点实现模板代码 模板模式 在模板模式&#xff08;Template Pattern&#xff09;中&#xff0c;一个抽象类公开定义了执行它的方法的方式/模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。这种类…

设计模式学习(一)—— 模板方法设计模式

设计模式在开发当中有时候挺重要的&#xff0c;可以让你的代码设计变得更加合理巧妙。方便开发。这篇作为我学习设计模式的开篇啦。平时其实也看了不少&#xff0c;就是没用到就没那么深刻&#xff0c;有时候也很懒去记录这些东西。所以现在写出来&#xff0c;也好自己学习整理…

设计模式-模板模式及应用

一般生活中我们办理一件事需要一套指定的流水线。例如银行办事&#xff0c;需要先去营业厅取号、排队、办理业务、综合评分。这一套固有的流程&#xff0c;取号、排队、综合评分等都是固定的&#xff0c;不同的客户会办理不同的业务&#xff0c;只有这块是没个客户不同的。类似…

Java设计模式——模板设计模式

模板设计模式 1.模板模式简介 模板模式&#xff08;Template &#xff09;&#xff1a;模板方法模式是类的行为模式。准备一个抽象类&#xff0c;将部分逻辑以具体方法以及具体构造函数的形式实现&#xff0c;然后声明一些抽象方法来迫使子类实现剩余的逻辑。不同的子类可以以…

【设计模式】--模板模式

豆浆制作 编写制作豆浆的程序&#xff0c;说明如下: 制作豆浆的流程 选材—>添加配料—>浸泡—>放到豆浆机打碎通过添加不同的配料&#xff0c;可以制作出不同口味的豆浆选材、浸泡和放到豆浆机打碎这几个步骤对于制作每种口味的豆浆都是一样的请使用 模板方法模式 …

Java 设计模式 --- Template 模式 Java Template 模式 Java 模板设计模式

Java 设计模式 --- Template 模式 Java Template 模式 Java 模板设计模式 一、概述 模板设计模式&#xff1a; 父类定义通用抽象的功能方法&#xff0c;子类负责具体的实现。 本文将以一个通用的定时任务&#xff0c;处理模式&#xff0c;来讲解java 模板设计模式。 假设定时任…

设计模式——模板设计模式

一 前言 在面向对象开发过程中&#xff0c;通常会遇到这样的一个问题&#xff0c;我们知道一个算法所需的关键步骤&#xff0c;并确定了这些步骤的执行顺序&#xff0c;但是&#xff0c;某些步骤的具体实现是未知的&#xff0c;或者说某些步骤的实现是会随着环境的变化而改变&…

java设计模式之模板方法设计模式

什么是模板方法设计模式 模板方法是基于继承实现的&#xff0c;在抽象父类中声明一个模板方法&#xff0c;并在模板方法中定义算法的执行步骤(即算法骨架)。在模板方法模式中&#xff0c;可以将子类共性的部分放在父类里实现&#xff0c;而特性部分在子类中实现&#xff0c;只需…

一文搞懂设计模式--模板模式

Hi&#xff0c;大家好。今年的天气实在是太热了&#xff0c;七月份的厦门晒得我觉得身上冒出了烤肉香&#xff0c;不知道各位是否安好&#xff0c;但是在再热的天气也不能阻止我们学习的热情&#xff08;doge&#xff09;。今天的主题是模板&#xff08;Template Method&#x…

设计模式 – 模板设计模式

模板设计模式 模板方法模式&#xff08;Template Method Pattern&#xff09;&#xff0c;又叫模板模式(Template Pattern)&#xff0c;在一个抽象类公开定义了执行它的方法的模板。它的子类可以按需要重写方法实现&#xff0c;但调用将以抽象类中定义的方式进行。 该模式的主…