📌  相关文章
📜  Pure.CSS-表

📅  最后修改于: 2020-10-21 05:54:08             🧑  作者: Mango

Pure.CSS可用于在纯表上使用各种样式显示不同类型的表

Sr.No. Class Name & Description
1

pure-table

Represents a basic table with any a default padding, border and an emphasized header.
2

pure-table-bordered

Draws a table with a border across rows.
3

pure-table-horizontal

Draws a table with horizontal lines.
4

pure-table-striped

Displays a stripped table.
5

pure-table-odd

If applied on every other tr,changes the background of the row and creates a zebra-styled effect.

例

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

结果

验证结果。