Pure 表格（Tables）
HTML表格的简单CSS。
默认表
要样式HTML表，添加pure-table类名。此类为表元素添加填充和边框，并强调标题。
#
Make
Model
Year
1
Honda
Accord
2009
2
Toyota
Camry
2012
3
Hyundai
Elantra
2010
边框
要向所有单元格添加水平和垂直边框，请将pure-table-bordered该类添加到
| # | Make | Model | Year |
|---|---|---|---|
| 1 | Honda | Accord | 2009 |
| 2 | Toyota | Camry | 2012 |
| 3 | Hyundai | Elantra | 2010 |
边框
要向所有单元格添加水平和垂直边框，请将pure-table-bordered该类添加到
| # | Make | Model | Year |
|---|---|---|---|
| 1 | Honda | Accord | 2009 |
| 2 | Toyota | Camry | 2012 |
| 3 | Hyundai | Elantra | 2010 |
水平边框表
如果您只喜欢水平线，请将pure-table-horizontal该类添加到
| # | Make | Model | Year |
|---|---|---|---|
| 1 | Honda | Accord | 2009 |
| 2 | Toyota | Camry | 2012 |
| 3 | Hyundai | Elantra | 2010 |
条纹表
如果行易于区分，大型表格更易于视觉分析。将pure-table-odd类名添加到每个其他
注意：在支持CSS3 nth-child伪选择器的浏览器中，可以使用更简单的方法。在pure-table-striped类名可以被添加到
| # | Make | Model | Year |
|---|---|---|---|
| 1 | Honda | Accord | 2009 |
| 2 | Toyota | Camry | 2012 |
| 3 | Hyundai | Elantra | 2010 |
| 4 | Ford | Focus | 2008 |
| 5 | Nissan | Sentra | 2011 |
| 6 | BMW | M3 | 2009 |
| 7 | Honda | Civic | 2010 |
| 8 | Kia | Soul | 2010 |
关注微信下载离线手册
(群号：472910771)