熟悉合并行 合并列
阿涛
2019-06-06 23:03:31
181
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中常用标签--表格（tabal）</title>
<style type="text/css">
*{margin:0px;padding: 0px;}
table{border: 1px solid #ccc;border-collapse: collapse;}
tr td{height: 200px; border: 1px solid #ccc;width: 100px}
</style>
</head>
<body>
<h1>表格</h1>
<table>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
<tr>
<td colspan="5">合并列</td>
</tr>
<tr>
<td rowspan="2">合并行 1</td>
<td>2</td>
<td rowspan="2">合并列</td>
<td colspan="2">合并行</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
