返回HTML中的常......登陆

HTML中的常用标签及属性(表格)——collapse,colspan,rowspan

刘静2019-07-15 16:32:5914
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML中的常用标签及属性</title>
<style type="text/css">
*{margin:0px;margin:0px;}
table{border:1px solid #ccc;border-collapse:collapse;}
tr td{height:200px;border:1px solid #ccc;width:100px;text-align:center;}
tr th{height:100px;border:1px solid #ccc;width:100px;}
</style>
</head>
<body>
<div>
<button>讲师列表</button>
<button>添加讲师</button>
</div>
<table>
<tr>
<th>讲师ID</th>
<th>讲师姓名</th>
<th>讲师年龄</th>
<th>状态</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>小红</td>
<td>18</td>
<td>1</td>
<td>在职</td>
</tr>
<tr>
<td>2</td>
<td>小明</td>
<td>18</td>
<td>1</td>
<td>离职</td>
</tr>
<tr>
<td colspan="5">3</td>
</tr>
<tr>
<td rowspan="2">4</td>
<td>小明</td>
<td>18</td>
<td>1</td>
<td>离职</td>
</tr>
<tr>
<td>5</td>
<td>小明</td>
<td>18</td>
<td>1</td>
</tr>
</table>
</body>
</html>


最新手记推荐

• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade• 创建一个验证器, 用来对模型对应的表中字段进行验证处理

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网