什么是'.table'
' .table '是一个HTML/CSS类，用于定义表格的样式和布局。 它可以应用于
，
和
标记以及它们的直接子元素，如
、
| 和
|
如何使用'.table'
要使用'.table'类，您只需要将其放置在与表格标记相关的标记中。例如：
```
| 标题 1 |
标题 2 |
| 行1，列1 |
行1，列2 |
| 行2，列1 |
行2，列2 |
```
在这个例子中，我们将'.table'类应用于
标签。
'.table'的工作原理
'.table'类会使表格看起来更整齐，更美观，通常以以下方式工作：
- 添加间距：为了使表格更易于阅读，'.table'类会在单元格之间添加一定的间距和内边距。
- 添加边框：'.table'类还会为整个表格及其单元格添加边框。
- 修改字体：'.table'类可以更改表格文本的字体类型、大小和颜色。
- 行高亮：通过'.table'类，可以轻松地为鼠标悬停在表格行上时添加高亮效果。
'.table'类中的一些其他选项
'.table'类有很多其他选项可供选择，以帮助您进一步自定义表格的样式和布局。
- '.table-dark'：用于创建黑色主题的表格
- '.table-sm'：用于创建小型表格
- '.table-striped'：用于创建条纹状表格
- '.table-bordered'：用于创建有边框的表格
只需将这些类之一与'.table'类一起应用即可在表格上应用所选的样式。
示例
下面是一些使用'.table'类创建的示例：
| 名称 |
数量 |
价格 |
| 货物1 |
5 |
10.00 |
| 货物2 |
10 |
20.00 |
| 货物3 |
15 |
30.00 |
| 总计 |
60.00 |
在上面的示例中，我们使用了'.table'类来创建整个表格，并使用'.table-dark'类为表头添加黑色主题。我们还使用了'thead'，'tbody'和'tfoot'标记来定义表格的不同区域，并使用了'colspan'属性为'总计'单元格跨越两列。
|
