Hoverable Table

                Table के row पर mouse cursor लाने पर उस row को hover selector की मदद से highlight कर सकते है।

Example:-

tr:hover

  {

    background-color:grey;

  }

Striped Tables

            जब हम किसी टेबल में even & odd  row को अलग अलग color से highlight करना चाहते हैं तो nth-child() selector और background-color की मदद से stripes table बना सकते है।

Syntax:-  tr:nth-child(odd/even)

                                          {

                                                      Background-color:color name;

                                          }

Hoverable Table

                By bringing the mouse cursor on a row of the table, that row can be highlighted with the help of hover selector.

Example:-

tr:hover

  {

    background-color:grey;

  }

Striped Tables

           When we want to highlight even & odd rows in a table with different colors, we can create stripes table with the help of nth-child() selector and background-color.

Syntax:-  tr:nth-child(odd/even)

                                          {

                                                      Background-color:color name;

                                          }