Jak na to - Zebra pruhovaný stůl
Naučte se, jak vytvořit zebří pruhovanou tabulku pomocí CSS.
Zebra pruhování stolu
Jméno | Příjmení | Body |
---|---|---|
Jill | Kovář | 50 |
Předvečer | Jacksone | 94 |
Adame | Johnson | 67 |
Chcete-li vytvořit tabulku s pruhy zebry, použijte nth-child()
selektor a přidejte barvu pozadí do všech sudých (nebo lichých) řádků tabulky:
Příklad
tr:nth-child(even) {
background-color: #f2f2f2;
}
Další informace o stylování tabulek naleznete v našem výukovém programu pro tabulky CSS .
Další informace o selektoru nth-child() naleznete v naší příručce CSS Selector Reference .