How to create a table with zebra-striped rows using inline styles in HTML

Question

With the help of code can you tell me How to create a table with zebra-striped rows using inline styles in HTML?

Answer 1

To create a zebra-striped table using inline styles, apply different background colors to alternating rows manually.

Example:

<table border="1">

  <tr style="background-color: #f2f2f2;">

    <th>Name</th>

    <th>Age</th>

  </tr>

  <tr>

    <td>Alice</td>

    <td>25</td>

  </tr>

  <tr style="background-color: #f2f2f2;">

    <td>Bob</td>

    <td>30</td>

  </tr>

  <tr>

    <td>Charlie</td>

    <td>28</td>

  </tr>

</table>