Назад к списку задач

Создание постраничной навигации

Уровень: Начинающий

Задача по HTML и CSS: создайте простую постраничную навигацию

  • Элементы навигации должны быть по центру
  • Размер элементов навигации 40х40
  • Фон элементов навигации #ddd, цвет текста #333, текст по центру по двум осям
  • Фон элементов навигации при наведении #ccc
  • Фон активного элемента навигации #d10953, цвет текста #fff
  • Расстояние между элементами навигации 6px
  • Для создание стрелок используйте специальные символы HTML

Результат

See the Pen Стилизация checkbox by Dmitry Valak (@dmitryvalak) on CodePen.


Назад к списку задач

Если хотите поделиться своим решением, используйте сайты типа codepen.io и оставляйте ссылку в комментарии

Обсуждение (8)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии


Sergii
https://codepen.io/sergii_tytarenko/pen/qBOxgZe
Sergii
Как класс "active" будет применяться к следующей активной кнопке ?
  • Дмитрий Валак
    Эта логика делается уже на этапе программирования
Yevhenii Dodiak
Дмитрий , спасибо Вам за этот урок , я в мыслях представлял как я буду это делать . И ошибся не во многом .
Благодаря чтению вашего кода , я начал лучше планировать свой код.
  • Дмитрий Валак
    Пожалуйста ) главное, чтобы было полезно!
nosia
https://codepen.io/nosia/pen/QWVGmRj
Александр
https://alexsash888.github.io/page_navigation/#
Anatoliy Nosenko
https://codepen.io/nosia80/pen/jORpxjy