Jak stworzyć: Tabela z paskami dźwigaczami

Naucz się, jak używać CSS do tworzenia tabel z paskami dźwigaczami.

Tabela z paskami dźwigaczami

Imię Nazwisko Punkty
Jill Smith 50
Eve Jackson 94
Adam Johnson 67

Aby stworzyć tabelę z paskami dźwigaczami, użyj :nth-child() Wybierz selektor i dodaj kolor tła do wszystkich parzystych (lub nieparzystych) wierszy:

Przykład

tr:nth-child(even) {
  background-color: #f2f2f2;
}

Spróbuj sam

Strony związane

Tutorial:Tabela CSS

Podręcznik:Wybieracz CSS nth-child()