table-striped table-dark
时间: 2024-01-20 15:02:30 浏览: 163
JS组件Bootstrap Table布局详解
table-striped和table-dark是Bootstrap组件中的两个类名,用于设置表格的样式。
table-striped类用于给表格的每一行添加斑马纹效果,即相邻行的背景颜色不同,以增加表格的可读性。
table-dark类用于设置表格的背景颜色为深灰色,可以用于突出显示表格内容或与其他元素进行对比。
以下是一个演示例子:
```html
<table class="table table-striped table-dark">
<thead>
<tr>
<th scope="col">姓名</th>
<th scope="col">年龄</th>
<th scope="col">性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>女</td>
</tr>
<tr>
<td>王五</td>
<td>28</td>
<td>男</td>
</tr>
</tbody>
</table>
```
这个例子展示了一个带有斑马纹效果和深灰色背景的表格。
阅读全文