用HTML+CSS简单做了张简历表格

最新推荐文章于 2022-10-21 15:24:28 发布
最新推荐文章于 2022-10-21 15:24:28 发布
阅读量835 收藏 12
点赞数
分类专栏： HTML5 文章标签： html css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42459832/article/details/108478499
版权

这里写自定义目录标题

用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%">
最低0.47元/天 解锁文章
高明懿大可爱
关注
  • 0
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
个人简介 - HTML/CSS简单页面实例
梦里回忆-专栏
07-26 3万+
用 div + css 控制页面 1.position属性： absolute（绝对定位）：参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT（下面简称TRBL）进行定位。 在没有设定TRBL，默认依据父级的做标原始点为原始点。 如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。 r
HTML+CSS制作个人简历web网页.zip
12-10
HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。 HTML+CSS制作个人简历web网页.zipWeb前端静态个人简历，网页个人简历模版，HTML&CSS制作个人简历。
HTML +CSS 制作个人简历
qq_42782011的博客
10-21 6195
原创不易，你们的支持是我最大的原创动力！
使用HTML表格制作简易的个人简历表
weixin_45993305的博客
12-09 4993
使用HTML表格制作简易的个人简历表 一、创建过程 创建表格标题 创建表格 创建行 创建单元格 二、原理 主要使用HTML表格的不规则表格属性以及HTML表格的基本属性 三、使用的主要代码 创建表格标题 创建表格 创建行 创建单元格 四、主要代码的基本元素代码 table属性:border：边框 cellpadding：单元格的内边距（单元格边框与内容之间的距离） cell...
用HTML5制作简单的个人简历
热门推荐
好吗好的~的技术博客
12-20 5万+
下面有图片，可以看到我所用的标签。 这其中用&lt;video&gt;标签实现了播放视频，可以考虑借鉴下。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;个人简历&lt;/title&gt; &lt;meta name = &quot;author&quot; content = &quot;Eternall
table css个人简历的实现 美观 简洁
rolinabc的博客
07-18 1945
主要使用table标签来实现个人简历的表格制作 效果图如下： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...
最简单的个人简历表格.docx
08-14
个人简历模板是职业生涯中不可或缺的一部分，它能够帮助个人更好地展示自己的才能和经验，从而更容易地获得理想的工作机会。下面是关于个人简历模板的详细知识点： 一、个人简历的重要性 个人简历是个人职业生涯中...
HTML+CSS+JavaScript网页设计与布局实用教程 (第2版) .rar
07-02
在本教程中，读者将学习到如何利用HTML构建网页结构，用CSS进行样式设计，以及使用JavaScript实现动态交互功能。 HTML（HyperText Markup Language）是网页制作的基础语言，用于描述网页内容和结构。在第二版中，...
html5怎么制作个人简历表格？.docx
11-22
HTML5 制作个人简历表格 HTML5 制作个人简历表格是当前非常流行的技术，通过使用 HTML5 的 table 元素，可以轻松地创建一个漂亮的个人简历表格...通过使用 HTML5 和 CSS，我们可以轻松地创建一个漂亮的个人简历表格。
HTML-CSS-PROJECTS：我HTML CSS项目
02-12
例如，一个简单的项目可能是一个个人简历网站，其中HTML用于创建简历的基本结构，如姓名、联系方式、教育经历和工作经历，而CSS则用来添加颜色、调整字体、设置合适的间距，以及使页面布局美观。更复杂的项目可能是...
html响应式个人简历网站模板
11-12
根据个人需求我的设计是一个html5响应式个人简历的介绍。根据导航条各个方面的介绍总共分为7个页面。除了主页面之外有6个子页面。主要利用所学的hhtml5 和css3等方面的知识。例如：css3导航条的使用、对话框、图片与文字的环绕布局、Glyphicons 字体图标、border边框不同的使用、progress-bar进度条的使用、h5轮播、iframe内联框架、h5新表单的元素的使用和验证等等知识点。每一个页面的结构分为头部(导航条)、主体内容（各方面介绍）和尾部（版权声明）三部分，使页面整洁分明，条理清晰。 本设计最大的特点是html5响应式设计，根据不用屏幕的大小适用于不同的平台，跨平台，节省开发成本，使得浏览速度更快更高效。
个人简历模板——HTML样式配以css和自己的照片
06-01
找工作在即，看到同学都是从网上荡的word简历，比较单一，所以想自己做一个个性点的简历。做得laji，希望大家包涵.就是个HTML的简单简历。配上CSS样式。里面在加上音乐。自己的照片等等。
Head First HTML与CSS、XHTML 配套代码
01-14
随着你逐渐熟悉这些技术，可以尝试创建自己的项目，比如个人简历网站或者简单的博客，将所学知识付诸实践，进一步巩固技能。 总的来说，《Head First HTML与CSS、XHTML 配套代码》是一个理想的起点，无论你是完全的...
【HTML+CSS】简历表格
weixin_30470857的博客
08-13 224
需求：实现简历表格设计 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简历表格</title> <style type="text/css"> table { ...
用HTML和CSS编辑一份简历页面
王昭的博客
07-26 1万+
任务要求 学会使用HTML/CSS编辑器EditPlus编辑一份简历页面 （EditPlus下载使用博客： https://blog.csdn.net/qq_42446456/article/details/80795301） 学习准备 可以参照学习W3School网站中的HTML和CSS教程进行学习，HTML详细教程见链接。 HTML的本质 （1）它是超文本。首先它与本文有联系，其...
HTML5实现学生档案
qq_44023710的博客
03-17 3099
简单的一个form表单，用HTML5实现学生档案 首先看看效果： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in
HTML+css+JS实现日历组件
qq_22317389的博客
05-17 2万+
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
用HTML和CSS简单语法写的一个简历Demo
HesseSummer的博客
07-21 7123
学完了学堂在线Web攻城狮课程的前两章节（HTML和CSS基础）。完成了第二章布置的作业——利用学过的知识制作一个简历Demo。 我...拿校长的百科词条做简历了，不知道有没有侵权......现在发布出来了...侵权删。 很无聊的一篇博客，只是记录出来而已。 效果图是这样的： 标题HTML代码是这样子的： &lt;!DOCTYPE html&gt; &lt;html&gt; &...
用HTML+css做一份表格
最新发布
06-08
好的，以下是一个简单的HTML+CSS表格的代码示例： ``` <!DOCTYPE html> <html> 表格示例 table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值