- Теория
- Теория
Чекбоксы, шаг 1
Теперь давайте займёмся усовершенствованием чекбоксов. Воспользуемся приёмом с :checked ~ из задания части про селекторы снова.
Для начала добавим в разметку чекбоксы и подписи к ним, а потом спрячем чекбоксы.
Затем с помощью псевдоэлемента ::before у подписей сымитируем чекбоксы с нужным внешним видом: маленькие квадраты с тёмной границей. Стили для псевдоэлементов уже заданы в коде.
Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс «HTML и CSS. Профессиональная вёрстка сайтов». Цена 8000 ₽.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%