thead tbody tfoot

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <meta charset="UTF-8">
    <style type="text/css">
        thead {
            color: green
        }

        tbody {
            color: blue;
            height: 50px
        }

        tfoot {
            color: red
        }
    </style>
</head>
<body>
<table border="1">
    <thead>
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td>January</td>
        <td>$100</td>
    </tr>
    <tr>
        <td>February</td>
        <td>$80</td>
    </tr>
    <tfoot>
    <tr>
        <td>Sum</td>
        <td>$180</td>
    </tr>
    </tfoot>
    </table>
</table>
</body>
</html>

  

posted @ 2017-06-05 15:46  herizai  阅读(175)  评论(0编辑  收藏  举报