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

个人信息登记

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

男

女

计科

信管

信技

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

学生信息登记表怎么做html,CSS写的简单个人信息登记表格示例
个人信息登记 caption{height:50px;font-size:30px;font-weight:bold;} table{border:1px solid gray; border-col ...
基于JavaScript+css写一个简单的h5动态下雨效果
基于JavaScript+css写一个简单的h5动态下雨效果文章目录什么是前端展示效果 JavaScript是什么? 步骤 1.html 2.css 3.js 什么是前端前端它是一个工作,它的 ...
用CSS写一个简单的幻灯片效果页面
这里是修真院前端小课堂,本篇分析的主题是 [用CSS写一个简单的幻灯片效果页面] 每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方 ...
html设置%3cbody%3e背景颜色,使用css写带纹理渐变背景图的示例代码
项目中页面长度大概在2000px以上,再加上背景图是带纹理和渐变的,所以加载起来会很大很耗费时间,所以就改用css实现了. 这个网站中有很多现成的背景,也可以自定义背景色,纹样的颜色和透明度. 网站中 ...
android三角形切图软件,还在为小三角形切图？使用纯CSS写一个简单的三角形
同学们,当美工给的设计图是这样: 或者这样: 我的内心其实是拒绝的-_-:但工作还得干,大部分同学会写 .icon{width:20px;height:20px;display:block;margi ...
纯HTML、CSS写一个简单的水滴特效，水滴里面可加图标
CSS写水滴特效,里面可加图标代码如下(示例): HTML部分 <!DOCTYPE html> <html lang="en"> <head> ...
vb6 word 2002 合并单元格_Word制作公司人员登记表，方法简单，新手练习表格，一起来学吧...
作者:图文设计师东东办公软件Word制作一个公司人员信息登记表,详细的操作步骤,新手按步骤也能学会,那么一起来开始练习吧!这里用的软件是Word2016版本! 第一步.打开Word新建空白文档在W ...
html 做填写的表格,CSS写的简单表格示例
复制代码代码如下: content="text/html";charset=utf-8> 个人信息登记 caption{height:50px;font-size:30px; ...
php用户注册功能设计,利用HTML+CSS设计一个简单的用户注册页面【示例】
本篇文章将要给新手小白们介绍如何使用HTML和css制作简单的注册页面.在开发网站过程中,如果网站内容要求是完善的信息站,那么肯定就离不开用户注册的这个功能.这个用户注册界面对于刚入门的前端新手来说, ...

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

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

最新文章

热门文章