html表格常用属性

最新推荐文章于 2024-05-08 07:28:03 发布

默九思

最新推荐文章于 2024-05-08 07:28:03 发布

阅读量38

点赞数 1

分类专栏： Html+Css 文章标签： html 前端

本文链接：https://blog.csdn.net/qq_43733614/article/details/131712495

版权

Html+Css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- align设置水平方向的对齐  left right center -->
    <!-- valign设置垂直方向的对齐 top bottom   middle -->
    <table border="10px" width = "500px" 
    height = '300px' cellspacing = "10px">
        <caption >表格标题 无属性需要css调整</caption>
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>民族</th>
                <th>政治面貌</th>
            </tr>
        </thead>
        <tbody>
            <tr align="left" valign = "top">
                <td>张三</td>
                <td>男</td>
                <td>18</td>
                <td>汉</td>
                <td>民众</td>
            </tr>
        </tbody>
        <tfoot height = 100px valign = "top">
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td>共计4人</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>