Как сделать - Полосатый стол под зебру
Узнайте, как создать таблицу с полосками зебры с помощью CSS.
Зебра полосает стол
Имя | Фамилия | Точки |
---|---|---|
Джилл | Смит | 50 |
канун | Джексон | 94 |
Адам | Джонсон | 67 |
Чтобы создать таблицу с полосами зебры, используйте nth-child()
селектор и добавьте фоновый цвет ко всем четным (или нечетным) строкам таблицы:
Пример
tr:nth-child(even) {
background-color: #f2f2f2;
}
Перейдите к нашему учебному пособию по таблицам CSS , чтобы узнать больше о том, как стилизовать таблицы.
Перейдите к нашему Справочнику по селекторам CSS , чтобы узнать больше о селекторе nth-child().