sidoruk_v info@ow-s.com +38044 222-70-92

Вёрстка таблицы зеброй (полосками)

Опубликовано March 23, 2015 . 0 коментариев.

Для удобства считывания информации с таблицы, рекомендуется вёрстка таковой зеброй, т.е. повторяющимия полосами разно цвета (к примеру светлая - тёмная) как пример на картинке

Можно конечно назначить разные класс для разных tr но гараздо удобнее и правильно задать это через css. Код выглядит следующим образом:

.info-table tr:nth-child(even) {
 background: #FFFFFF;
}
 
.info-table tr:nth-child(odd) {
 background: #d7e1e9;
}

где .info-table  - класс необходимой таблицы. После внесения данного css кода таблица будет отображаться полосками (зеброй)

Коментарии

Оставить коментарий

Ответить

* Имя:
* E-mail: (Не публикуется)
   Вебсайт: (url сайта с http://)
* Коментарий:
Оставить заявку
Если у вас есть вопросы, или вы хотите заказать разработку интернет магазина, то свяжитесь с нами любым удобным для Вас способом:
ЗаполнитеФорму заявки
Позвоните по телефону+38044 222-70-92
Отправьте заявку на почтуinfo@ow-s.com