美文网首页
HTML表格

HTML表格

作者: 时修七年 | 来源:发表于2018-06-07 21:54 被阅读6次

HTML表格

table.png 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table</title>
    <style type="text/css">
        table {
            border-collapse: collapse;
            width: 100%;
        }
        th {
            background: #22aaaa;
        }
        th,td {
            text-align: center;
            border: 1px solid green;
            line-height: 30px;
        }
    </style>
</head>
<body>
    <table summary="this is a table description">
        <caption>学生性别统计表</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小花</td>
                <td>女</td>
            </tr>
            <tr>
                <td>小明</td>
                <td>男</td>
            </tr>
        </tbody>

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

相关文章