纯css table奇偶行背景不同

• css代码

  .table-striped tbody tr:nth-child(even) td,

  .table-striped tbody tr:nth-child(even) th {background-color:#D4FFFF;}

  
  

  .table-striped tbody tr:nth-child(odd) td,

  .table-striped tbody tr:nth-child(odd) th {background-color:#D4BFFF;}

• html代码

    

       首行首列

       首行

      首行

       首行

       首行

      首行

     

     

       行1首列

       行1

      行1

       行1

       行1

       行1

     

     

      行2首列

      行2

       行2

       行2

       行2

      行2

     

     

       行3首列

     行3

       行3

       行3

       行3

       行3

     

     

       行4首列

       行4

       行4

       行4

       行4

       行4

    

     

       行5首列

       行5

       行5

       行5

       行5

      行5