Как сделать - чередование таблицы
Узнайте, как создать таблицу с чередованием Зебра с помощью CSS.
Зебра чередование таблицы
First Name | Last Name | Points |
---|---|---|
Jill | Smith | 50 |
Eve | Jackson | 94 |
Adam | Johnson | 67 |
Чтобы создать таблицу с чередованием Зебра, используйте nth-child()
селектор и добавьте фоновый цвет ко всем четным (или нечетным) строкам таблицы:
Пример
tr:nth-child(even) {
background-color: #f2f2f2
}
Перейдите в наш Учебник CSS таблицы, чтобы узнать больше о том, как стиль таблиц.
Перейдите к нашей справка селектора CSS, чтобы узнать больше о селекторе n-Child ().