前端学习笔记:bootstrap(7)
4. 表格
(1)与表格有关的类样式
表格的样式 类名
基本实例 table
条纹状表格 table-striped类可以给<tbody>之内的每一行增加斑马条纹样式。
带边框的表格 table-bordered类为表格和其中的每个单元格增加边框。
鼠标悬停 table-hover类可以让<tbody>中的每一行对鼠标悬停状态作出相应。
(2)表格中的状态类
即单独对某个td或tr设置不同的颜色,通过这些状态类可以为行或单元格设置颜色。
Class 描述
.active 鼠标悬停在行或单元格上时所设置的颜色。
.success 标识成功或积极的动作。
.info 标识普通的提示信息或动作。
.warning 标识警告或需要用户注意。
.danger 标识危险或潜在的带来负面影响的动作。
(3)状态类的效果
<!‐‐ 针对行 ‐‐>
<tr class="active">...</tr>
<tr class="success">...</tr>
<tr class="warning">...</tr>
<tr class="danger">...</tr>
<tr class="info">...</tr>
<!‐‐ 针对列 (`td` 或 `th`) ‐‐>
<tr>
<td class="active">...</td>
<td class=&#