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

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

刘静 2019-07-15 16:32:59 624
<!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>


最新手记推荐

• 用composer安装thinkphp框架的步骤 • 省市区接口说明 • 用thinkphp,后台新增栏目 • 管理员添加编辑删除 • 管理员添加编辑删除

全部回复(0)我要回复

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