• Теория
  • Теория

Рамки ячеек таблицы

Отлично! Теперь у нас есть всё содержимое таблицы. Пора её немного оформить, чтобы она стала похожа на таблицу в макете.

Для начала зададим рамки для всех ячеек <td>, которые находятся в таблице с прайс-листом. Для этого нужно использовать такой CSS-селектор: .price-list td.

Мы задаём стили только для ячеек в прайс-листе, а не для всех ячеек на странице, ведь в других элементах интерфейса ячейки могут отличаться. Если вы хотите задать стили для каких-то тегов, лучше ограничивайте их классом родительского элемента. Это считается хорошей практикой при вёрстке.

The Great Keksby
Рамки ячеек таблицы

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Кексби. Таблицы» тренажёра «Великий Кексби, этап 1» можно после регистрации и оформления подписки.