实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<style type="text/css">
* {
text-align: center;
font-family: "微软雅黑";
}
th {
background-color: skyblue;
}
a {
color: crimson;
text-decoration: none;
}
a:hover {
color: blueviolet;
}
.relationship{
background-color: cadetblue;
}
img{width: 30px;}
</style>
</head>
<body>
<thead>
<caption>
<h1>家庭成员调查表</h1>
</caption>
</thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="20">
<tr>
<th colspan="3" >调查日期2018年03月16日</th>
<th colspan="3">调查人：刘子涵</th>
<th>单位：元</th>
<th rowspan="2" colspan="2">操作</th>
</tr>
<tr>
<th>家庭成员</th>
<th>名字</th>
<th>职业</th>
<th>年龄</th>
<th>收入</th>
<th>工作单位</th>
<th>联系方式</th>
</tr>
<tr>
<td>父亲</td>
<td><img src="http://a2.att.hudong.com/65/68/20300542625208140556685069734_02_250_250.jpg"/>王思聪</td>
<td>战士</td>
<td>110</td>
<td>￥1.2</td>
<td>王者荣耀</td>
<td>110</td>
<td>
<a href="">编辑</a>|
<a href="">查询</a>
</td>
</tr>
<tr>
<td>母亲</td>
<td><img src="http://news.cri.cn/gb/mmsource/images/2013/09/23/93/16210038616127991097.jpg"/>罗玉凤</td>
<td>法师</td>
<td>120</td>
<td>￥1.0</td>
<td>QQ飞车</td>
<td>110</td>
<td>
<a href="">编辑</a>|
<a href="">查询</a>
</td>
</tr>
<tr>
<td>哥哥</td>
<td><img src="http://imgcache.cjmx.com/film/201607/20160703224239165.jpg"/>王大锤</td>
<td>射手</td>
<td>911</td>
<td>￥1.0</td>
<td>劲舞团</td>
<td>110</td>
<td>
<a href="">编辑</a>|
<a href="">查询</a>
</td>
</tr>
<tr>
<td>妹妹</td>
<td><img src="http://www.ntcc.com.cn/hjy/yanyuan/201406/77adf49cf58b450bab41e8b09f229d5c/images/31de3853d08e4c54a39452b79a19d300.jpg"/>王小妹</td>
<td>刺客</td>
<td>175</td>
<td>￥1.0</td>
<td>穿越火线</td>
<td>110</td>
<td>
<a href="">编辑</a>|
<a href="">查询</a>
</td>
</tr>
<tr bgcolor="antiquewhite">
<td colspan="2">收入统计</td>
<td colspan="6">110</td>
</tr>
</table>
</tbody>
<a href="#">首页</a>
<a href="#">上一页</a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">...</a>
<a href="#">下一页</a>
<a href="#">尾页</a>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
