table表格

最新推荐文章于 2024-10-10 22:34:49 发布

南栀子。

最新推荐文章于 2024-10-10 22:34:49 发布

阅读量151

点赞数

分类专栏： Bootstrap

本文链接：https://blog.youkuaiyun.com/qq_38191971/article/details/113747186

版权

Bootstrap 专栏收录该内容

10 篇文章

订阅专栏

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用样式</title>
    <link rel="stylesheet" type="text/css" href="{% static 'dist/css/bootstrap.css' %}"/>
</head>
<body>
<div class="container">
    {#   表格#}
    <table class="table table-bordered table-striped table-hover table-condensed">
        <tr class="success">
            <th>No</th>
            <th>姓名</th>
            <th>学号</th>
        </tr>
        <tr class="success">
            <td>1</td>
            <td>张三</td>
            <td>160510140</td>
        </tr>
        <tr class="success">
            <td>2</td>
            <td>李四</td>
            <td>160510123</td>
        </tr>
        <tr class="success">
            <td>3</td>
            <td>王五</td>
            <td>160510144</td>
        </tr>
        <tr class="success">
            <td>4</td>
            <td>周六</td>
            <td>160510132</td>
        </tr>
        <tr class="success">
            <td>5</td>
            <td>曹琦</td>
            <td>160510134</td>
        </tr>
        <tr class="success">
            <td>6</td>
            <td>小二</td>
            <td>160510131</td>
        </tr>

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