用html表格形式制作个人信息,CSS写的简单个人信息登记表格示例

最新推荐文章于 2024-09-18 15:45:03 发布

江边的石头房子

最新推荐文章于 2024-09-18 15:45:03 发布

阅读量2.5k

点赞数

文章标签：用html表格形式制作个人信息

个人信息登记

caption{height:50px;font-size:30px;font-weight:bold;}

table{border:1px solid gray;

border-collapse:collapse;

margin:100px auto;}

th{height:60px;width:130px;

border:1px solid gray;

background-color:#D6D3D6;}

.topleft{width:120px; background-color:#C6C7C6;}

td{height:60px;width:130px;

border:1px solid gray;

background-color:#C6C7C6;

text-align:center;}

.t1{width:120px; background-color:#BDBABD;}

#out1{border-top:60px solid transparent;

border-left:60px solid #BDBABD;

height:0px;width:0px;

position:relative;

float:left;}

#out2{border-top:30px solid #D6D3D6;

border-left:120px solid transparent;

height:0px;width:0px;

}

#in1{position:absolute; width:50px; top:-60px; left:10px;}

#in2{position:absolute; width:50px; top:-30px; left:-10px;}

#in3{position:absolute; width:50px; top:-20px; left:-60px;}

body{background-color:#123456;}

个人信息登记

类别

内容

姓名

年级性别专业特长

2011

2012

2013

男

女

计科

信管

信技

2011

2012

2013

男

女

计科

信管

信技

2011

2012

2013

男

女

计科

信管

信技

2011

2012

2013

男

女

计科

信管

信技

2011

2012

2013

男

女

计科

信管

信技

2011

2012

2013

男

女

计科

信管

信技

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

江边的石头房子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

web网页前端学习案例一之制作网页表格

程序员小白的博客

09-02

5752

web 前端学习案例一1. 制作网页表格2. 表格合并 1. 制作网页表格 <!<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body>  <!-- border 边框宽度，border

能不能用html写一个好看的酒店管理的页面

weixin_35757531的博客

02-14

584

<p>当然可以！HTML是网页开发的基础，它可以帮助您创建好看且有效的酒店管理页面。您可以使用HTML标签(如标题，表格，表单等)来组织页面的内容，使用CSS来设置页面的外观，以及使用JavaScript添加动态功能。</p> <p>下面是一个简单的HTML酒店管理页面代码示例：</p> <p>``` <!DOCTYPE html&...

参与评论您还未登录，请先登录后发表或查看评论

HTML 个人信息/个人简历页面（静态）

04-10

这是我大学时候的一次Web前端开发的课程作业。内容是关于个人信息的展示页面，主要使用了css+div，界面比较美观。没有积分的可以私聊我或者评论，留下邮箱，私发给你。

html简单注册表格

zx55523的博客

08-06

1529

身份证号：

HTML的表格、表单

最新发布

2301_81247606的博客

09-18

654

【代码】HTML的表格、表单。

HTML个人信息注册页面

12-18

HTML设计一个个人信息注册页面使用HTML设计一个个人信息注册页面，如下图所示，其中页面的排版可采用或+CSS。当点击“提交”按钮时，使用JavaScript编程在当前页面显示录入信息，并且实现籍贯和城市的级联。（选做：用JQuery实现页面功能）

css建立一个简单的设备登记表,员工登记表格的CSS块

weixin_35948624的博客

08-03

265

您好，我正在创建一个简单的表单来输入员工信息。雇员有以下特点：员工登记表格的CSS块名姓年龄SSN性别赛等...有是我想要的大约20个物产显示一个标签和文本框(有些有下拉菜单)。我不想使用表格，因为我已经阅读了使用元素的CSS，并且CSS更好，所以我想借此机会学习。有些领域非常广泛(地址1，地址2)，其他领域非常狭窄(先生/女士)。现在所有的标签/输入对的设置是这样的：我希望每个“数据行”是在一个...

表格表单HTML代码学生登记,HTML入门表格和表单(示例代码)

weixin_34800530的博客

06-03

1406

表格标签width 宽度 border 边框 cellpadding 内容和单元格之间的边距 cellspacing 单元格之间的间距 align 对齐方式bgcolor 背景色 background 背景图骗表示行align 内容的水平对齐方式 valign 内容的垂直对齐方式 he...

CSS写的简单表格示例

01-21

个人信息登记</title> <style> caption{height:50px;font-size:30px;font-weight:bold;} table{border:1px solid gray; border-collapse:collapse; margin:100px auto;} th{height:60px;width:130px; ...

使用CSS设计的简洁个人信息表格

"这个示例展示了如何使用CSS来美化一个简单的HTML表格，用于个人信息登记。" 在这个示例中，我们首先看到HTML的基本结构，包括`<!DOCTYPE HTML>`声明、`<html>`、`<head>`和`<body>`标签。在`<head>`部分，设置了...

基于html+css+javascript+jquery制作北京景点介绍7页 WEB静态旅游景点区主题网页设计与制作

VX_WJ88950106的博客

08-11

915

HTML个人资料mooc风格

07-20

mooc风格的个人资料界面，有css. -----------------------------------------------

个人主页HTML模板

11-28

个人主页HTML模板蝴蝶模板个人主页模板 HTML模板空间界面设计

成绩登记表（网页设计实验）

weixin_45773503的博客

04-09

2175

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>成绩登记表<...

html成绩登记表的制作,学生成绩登记表(模板)

weixin_28861381的博客

06-24

1525

XXXXXX大学学生成绩登记表 XXXXXX大学学生成绩登记表信息技术学院学年第____学期《 -成绩登录人:__________________ 期末考核成绩所占比例____________学号姓名平时卷面综合备注专业年级》课程班任课教师_________校对审核人:__________________ 公章：____________年______月______日学号姓名 ...

用html5和css制作信息登记表

winneryy的博客

11-06

7492

<!doctype html> <html> <head> <meta charset="utf-8"> <title>信息登记表</title>  <style type="text/css"> input { width:200px;

Html中的表格、Table和div，表格页面、员工登记表、Div代码

qq_44791674的博客

08-24

1591

Table和div Table 表格 Web1班名册学号姓名性别年龄 01 张三男 21 02 李四女 20 … 人数合计： 60 表格的组成部分：标题表头主体表尾 table：定义一个表格 caption：定义表格的标题 thead ：定义表头的部分 tbody ：定义表格的主体（数据）部分 tfoot ：定义表尾，一般来显示汇总信息 tr ：定义一行 th、 td 来定义数据项（单元格） th一般用于表头，有加粗的样式。 td 一般用于主体部分，没有加粗的样式 td ：ro

使用html和css实现个人简历表单的制作

qq_49370210的博客

05-12

1623

Ⅰ、表格整体的边框为1像素，单元格间距为0，表格中前六列列宽均为100像素，第七列为200像素，表格整体在页面上居中显示；Ⅲ、第一行合并了7列；第六行合并了六列；照片的单元格合并了四行。Ⅱ、前五行的行高为40像素，第六行的行高为80像素，排列方式均为居中显示；CSS文件{style.css}

仿Word自动套用格式，用CSS设置表格样式

weixin_30698297的博客

06-15

199

找一个虽然不是很好看，但设置起来比较复杂的吧：彩色底纹－强调文字颜色6 Word中的效果如图示：【样式分析】： Word中设置表格格式，主要是设置边框和底纹，可选定整个表格或者部分单元格右击→表格属性→边框和底纹，打开“边框和底纹”对话框进行设置或察看，简单分析如下：一、表头所有单元格 1、上边框：无； 2、左边框：无； 3、右边框：无； 4、下边框：颜色#4BACC6...