Html查漏补缺03-表格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<table border="1">
    <colgroup span="7">
        <col span="3" style="background-color:yellow;">
        <col span="4" style="background-color:blue;">
    </colgroup>
    <tr>
        <th>表头1</th>
        <th>表头1</th>
        <th>表头1</th>
         <th rowspan="2">表头1</th>
        <th>表头1</th>
        <th>表头1</th>
        <th>表头1</th>
    </tr>
    <tr>
        <td colspan="2">单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
        <td>单元格</td>
    </tr>
<!-- 表头,表身,表尾   -->
    <thead>
        <td colspan="7">成绩单</td>
    </thead>

</table>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/cuijunfeng/p/13170967.html
今日推荐