<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>table</title>
<style type="text/css">
td,th{border: 1px solid #CCC;}
table{border: 1px solid black;}
</style>
</head>
<body>
<table>
<caption>Your Content Here</caption>
<tr>
<th rowspan="2"> </th>
<th colspan="2">A common header for two subheads</th>
<th rowspan="2">Header 3</th>
</tr>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<th scope="row">Thing A</th>
<td>data A1</td>
<td>data A2</td>
<td>data A3</td>
</tr>
<tr><th scope="row">Thing B</th>
<td>data B1</td>
<td>data B2</td>
<td>data B3</td>
</tr>
<tr>
<th scope="row">Thing C</th>
<td>data C1</td>
<td>data C2</td>
<td>data C3</td>
</tr>
</table>
</body>
</html>
td:单元格{ colspan 合并列
rowspan 合并行
headers 数据单元格与表头关联
th:表头{colspan 合并列
rowspan 合并行
headers 将表头与另一个表头相关联
scope=”row|col|rowgroup|colgroup” 将表头与行、行组、列、列组相关联
478
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
