Jak to zrobić - Stół w paski zebry
Dowiedz się, jak stworzyć tabelę w paski zebry za pomocą CSS.
Zebra w paski na stole
Imię | Nazwisko | Zwrotnica |
---|---|---|
Jill | Kowal | 50 |
przeddzień | Jackson | 94 |
Adam | Johnson | 67 |
Aby utworzyć tabelę w paski zebry, użyj nth-child()
selektora i dodaj kolor tła do wszystkich parzystych (lub nieparzystych) wierszy tabeli:
Przykład
tr:nth-child(even) {
background-color: #f2f2f2;
}
Przejdź do naszego samouczka dotyczącego tabel CSS , aby dowiedzieć się więcej o stylizacji tabel.
Przejdź do naszego podręcznika CSS Selector Reference , aby dowiedzieć się więcej o selektorze nth-child().