1、效果图如：
2、代码部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- border边框,align表格居中效果,cellspacing表格间距 -->
<table border="1" align="center" cellspacing="0">
<!-- 标题 -->
<caption><h2>医院自助排队机</h2></caption>
<!-- 主体部分<tbody> -->
<tbody>
<!-- 第一行 -->
<tr align="center" bgcolor="green">
<!-- 单元格:<th>有加粗效果 -->
<th width="80">姓名</th>
<th width="80">编号</th>
<th width="80">科室</th>
<th width="80">门室</th>
<th width="80">排队人数</th>
</tr>
<!-- 第二行 -->
<tr align="center">
<!-- 合并行 -->
<td rowspan="2">王明</td>
<td rowspan="2">0203007</td>
<td>检验科</td>
<td>101室</td>
<td>5</td>
</tr>
<tr align="center">
<td>放射科</td>
<td>403室</td>
<td>20</td>
</tr>
<tr align="center">
<td>王明</td>
<td>0203007</td>
<td>检验科</td>
<td>101室</td>
<td>5</td>
</tr>
<tr align="center">
<td>王明</td>
<td>0203007</td>
<td>检验科</td>
<td>101室</td>
<td>5</td>
</tr>
<tr align="center">
<td>王明</td>
<td>0203007</td>
<td>检验科</td>
<td>101室</td>
<td>5</td>
</tr>
</tbody>
</table>>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
