how to create a zebra striped table with CSS > BASIC_ORIGINAL

질문: how to create a zebra striped table with CSS



1. Start by creating the table using the HTML <table> elements.

2. Add a class attribute to the table tag and name it "zebra".

3. Then, create a CSS rule for the class "zebra" you created in step 2 by adding the following code to your style sheet:

  [code].zebra tr:nth-child(odd) {
    background-color: #000000;
  }[/code]

4. Finally, add the following code to add stripes to the table.
[code]
  .zebra tr:nth-child(even) {
    background-color: #ffffff;
  }
[/code]
And that's all there is to it! Now you have a zebra striped table with CSS!