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

Усложнённое оформление пунктов

Теперь давайте усложним оформление. Сделаем пункты более объемными и добавим разделители по аналогии с вертикальным меню.

Для начала избавимся от фона и отступов у списка. А рамку у списка оставим, так как в горизонтальном меню пункты не всегда занимают всю ширину или влезают на одну строку.

Чтобы расположить пункты в одну строку и иметь возможность задавать им отступы и размеры, зададим блочно-строчный тип элементам списка.

А ссылкам внутри элементов списка зададим блочный тип и добавим отступы.

Что повторить:
  1. display: inline-block
Минимальный вид табов
  • index.html
HTML
HTML

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

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

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

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

Проходить вызовы части «Мастерская: создаём меню» тренажёра «Ретромастерские» можно после регистрации и оформления подписки.