Pure.CSS可用于在纯表上使用各种样式显示不同类型的表
Sr.No. | Class Name&描述 |
---|---|
1 | pure-table 表示一个基本表,其中包含任何默认填充,边框和强调标题. |
2 | 纯表格边框 绘制一个跨行的边框表. |
3 | 纯-table-horizontal 用水平线绘制一个表格. |
4 | pure-table-striped 显示剥离的表. |
5 | pure-table-odd 如果应用于每隔一个tr,就会改变行的背景并创建斑马风格效果. |
示例
purecss_tables.htm
The PURE.CSS Tables Tables Demo
Simple Table
Student | Class | Grade |
---|---|---|
Mahesh Parashar | VI | A |
Rahul Sharma | VI | B |
Mohan Sood | VI | A |
Bordered Table
Class | Grade | |
---|---|---|
Mahesh Parashar | VI | A |
Rahul Sharma | VI | B |
Mohan Sood | VI | A |
Table with Horizontal Borders
Student | Class | Grade |
---|---|---|
Mahesh Parashar | VI | A |
Rahul Sharma | VI | B |
Mohan Sood | VI | A |
Stripped Table
Student | Class | Grade |
---|---|---|
Mahesh Parashar | VI | A |
Rahul Sharma | VI | B |
Mohan Sood | VI | A |
结果
验证结果.