首页 前端知识 HTML表格样式及布局(table)

HTML表格样式及布局(table)

2024-06-21 00:06:12 前端知识 前端哥 460 173 我要收藏

 CSS

 <style>
        table {
            text-align: center;
            width: 40%;
            margin: 100px auto;

            border: 1px solid #eee;
            border-collapse: collapse;
        }

        .table-bordered tr th {
            border: 1px solid #eee;
        }

        td {
            border: 1px solid #eee;
        }
    </style>

HTML

  <table class="table table-bordered table-striped">
        <tr>
            <th colspan="5">
                班级统计表
            </th>
        </tr>
        <tr>
            <th>序号</th>
            <th>
                姓名</th>
            <th>班级</th>
            <th>学号</th>
            <th>性别</th>

        </tr>
        <tr>
            <td>1</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
        <tr>
            <td>2</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
        <tr>
            <td>3</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
        <tr>
            <td>4</td>
            <td>yue</td>
            <td>3班</td>
            <td>000001</td>
            <td>女</td>
        </tr>
    </table>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13093.html
标签
评论
发布的文章

html 个人主页

2024-07-13 22:07:08

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!