Rumah > hujung hadapan web > html tutorial > Bootstrap全局CSS样式之表格_html/css_WEB-ITnose

Bootstrap全局CSS样式之表格_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:40:22
asal
1103 orang telah melayarinya

.table??基础表格样式;

.table-striped??给

之内的每一行增加斑马条纹样式;

.table-bordered??为表格增加边框;

.table-hover??为

之内的每一行作悬停效果;

.table-condensed??让表格更加紧凑,单元格中的内补(padding)均会减半。

.active??鼠标悬停在行或单元格上时所设置的颜色;

.success??标识成功或积极的动作;

.info??标识普通的提示信息或动作;

.warning??标识警告或需要用户注意;

.danger??标识危险或潜在的带来负面影响的动作;

.table-responsive??创建响应式表格;

    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,initial-scale=1">    <title>CSS全局样式_栅格系统</title>    <link rel="stylesheet" href="bootstrap.min.css" type="text/css">    <style type="text/css">    </style><div class="container table-responsive">    <table class="table table-striped table-bordered table-hover table-condensed">        <thead>            <tr class="active">                <th>谈吴曦受伤舜天新帅直摇头 专门练过定位球破门</th>                <th>谈吴曦受伤舜天新帅直摇头 专门练过定位球破门</th>                <th>谈吴曦受伤舜天新帅直摇头 专门练过定位球破门</th>            </tr>        </thead>        <tbody>            <tr class="info">                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>            </tr>            <tr class="success">                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>            </tr>            <tr class="warning">                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>            </tr>            <tr class="danger">                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>                <td>辽足主帅:输球主要责任在我 坚信能够保级成功</td>            </tr>        </tbody>    </table>
</div>
Salin selepas log masuk


版权声明:本文为博主原创文章,未经博主允许不得转载。

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan