<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content_Type"

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

		<title>个人信息登记</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;

	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;}

</style>

</head>

	<body>

		<table>

			<caption> 个人信息登记 </caption>

			<tr>

			<th class="topleft">

			<div id="out1">

				<div id="in1">类别</div>

				<div id="in2">内容</div>

				<div id="in3">姓名</div>

			</div>

			<div id="out2"></div>

			</th>

			<th>年级</th>

			<th>性别</th>

			<th>专业</th>

			<th>特长</th>

			</tr>

			<tr>

			<td class="t1">

				<input type="text" size="12" value="请输入你的名字">

			</td>

			<td>

			<select>

			<option>2011</option>

			<option>2012</option>

			<option>2013</option>

			</select>

			</td>

			<td>

			<input type="radio" name="sex">男

     		<input type="radio" name="sex">女

			   </td>

			<td>

				<select>

			<option>计科</option>

			<option>信管</option>

			<option>信技</option>

			</select>

			</td>

			<td>

			<textarea rows=2 cols=10>

			</textarea>

			</td>

			</tr>

		<tr>

			<td class="t1">

			<input type="text" size="12" value="请输入你的名字">

			</td>

			<td>

			<select>

			<option>2011</option>

			<option>2012</option>

			<option>2013</option>

			</select>

			</td>

			<td>

				<input type="radio" name="sex">男

     		<input type="radio" name="sex">女

			   </td>

			<td>

				<select>

			<option>计科</option>

			<option>信管</option>

			<option>信技</option>

			</select>

			</td>

			<td>

			<textarea rows=2 cols=10>

			</textarea>

			</td>

			</tr>

			<tr>

			<td class="t1">

			<input type="text" size="12" value="请输入你的名字">

			</td>

			<td>

			<select>

			<option>2011</option>

			<option>2012</option>

			<option>2013</option>

			</select>

			</td>

			<td>

				<input type="radio" name="sex">男

     		<input type="radio" name="sex">女

			   </td>

			<td>

				<select>

			<option>计科</option>

			<option>信管</option>

			<option>信技</option>

			</select>

			</td>

			<td>

			<textarea rows=2 cols=10>

			</textarea>

			</td>

			</tr>

			<tr>

			<td class="t1">

			<input type="text" size="12" value="请输入你的名字">

			</td>

			<td>

			<select>

			<option>2011</option>

			<option>2012</option>

			<option>2013</option>

			</select>

			</td>

			<td>

			<input type="radio" name="sex">男

     		<input type="radio" name="sex">女

			   </td>

			<td>

				<select>

			<option>计科</option>

			<option>信管</option>

			<option>信技</option>

			</select>

			</td>

			<td>

			<textarea rows=2 cols=10>

			</textarea>

			</td>

			</tr>

			<tr>

			<td class="t1">

			<input type="text" size="12" value="请输入你的名字">

			</td>

			<td>

			<select>

			<option>2011</option>

			<option>2012</option>

			<option>2013</option>

			</select>

			</td>

			<td>

			<input type="radio" name="sex">男

     		<input type="radio" name="sex">女

			   </td>

			<td>

				<select>

			<option>计科</option>

			<option>信管</option>

			<option>信技</option>

			</select>

			</td>

			<td>

			<textarea rows=2 cols=10>

			</textarea>

			</td>

			</tr>

			<tr>

			<td class="t1">

			<input type="text" size="12" value="请输入你的名字">

			</td>

			<td>

			<select>

			<option>2011</option>

			<option>2012</option>

			<option>2013</option>

			</select>

			</td>

			<td>

			<input type="radio" name="sex">男

     		<input type="radio" name="sex">女

			   </td>

			<td>

				<select>

			<option>计科</option>

			<option>信管</option>

			<option>信技</option>

			</select>

			</td>

			<td>

			<textarea rows=2 cols=10>

			</textarea>

			</td>

			</tr>

		</table>

	</body>

</html>

最新文章

  1. 使用Logstash进行日志分析
  2. Linux 相关面经
  3. python 之sqlalchemy many to many
  4. 《Javascript设计模式》笔记一js的表现力
  5. 安装SQL提示重启电脑失败，解决办法
  6. alibaba的FastJson(高性能JSON开发包),fastjson 使用demo
  7. idea 到myeclipse
  8. [原]ASP.NET 数据库访问通用工具
  9. maven常见问题问答
  10. S5PV2210
  11. margin,padding之我见
  12. LINUX 内核与 systemtap +GO 专家博客 一个[ 系统软件工程师] 的随手涂鸦
  13. HDU 5719 Arrange
  14. C#的发展已经15年了 。。。历史发展
  15. Markdown的基本语法记录
  16. 利用gcc的__attribute__编译属性section子项构建初始化函数表
  17. java 面向对象String类
  18. as3.0 橡皮功能2
  19. Spring Boot使用JWT实现系统登录验证
  20. excel 批量在一列数据添加单引号以及逗号

热门文章

  1. 【C#】删除集合（Collection）里的元素（Item）
  2. SpringAOP来监控service层中每个方法的执行时间
  3. hdu3065 病毒侵袭持续中 AC自动机入门题 N(N &lt;= 1000)个长度不大于50的模式串(保证所有的模式串都不相同)， 一个长度不大于2000000的待匹配串，求模式串在待匹配串中的出现次数。
  4. 检查 Linux 服务器性能
  5. ip辅助和别名的区别
  6. kill 信号大全
  7. 嘿, 你知道吗, 再也不需要for循环了!
  8. 《FPGA全程进阶---实战演练》第二章之焊接板子及调试注意事项
  9. Spring 4 官方文档学习（十一）Web MVC 框架
  10. bootstrap -- css -- 表单控件