开发手册 欢迎您!
软件开发者资料库

Pure.CSS - 表格

Pure.CSS表 - 从简单和简单的步骤学习Pure.CSS,从基本到高级概念,包括概述,环境设置,响应式设计,网格,表格,按钮,表格,图像,图标。

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

                           <               th>Student               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                              

结果

验证结果.