Как создать: таблица с полосами
- Предыдущая страница Сортировка таблицы
- Следующая страница Центрированная таблица
Учимся использовать CSS для создания таблиц с полосами.
Таблица с полосами
| Имя | Фамилия | Points |
|---|---|---|
| Jill | Smith | 50 |
| Eve | Jackson | 94 |
| Adam | Johnson | 67 |
Чтобы создать таблицу с полосами зебры, используйте :nth-child() Выборщик и добавление фона для всех четных (или нечетных) строк:
Пример
tr:nth-child(even) {
background-color: #f2f2f2;
}
Соответствующие страницы
Учебник:CSS таблицы
Руководство:Выборщик CSS nth-child()
- Предыдущая страница Сортировка таблицы
- Следующая страница Центрированная таблица
