html 做填写的表格,CSS写的简单表格示例

 

复制代码代码如下:

content="text/html";charset=utf-8>

个人信息登记

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	男 女	计科 信管 信技