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

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

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

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

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

Результат

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


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

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

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

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


Sergii
https://codepen.io/sergii_tytarenko/pen/qBOxgZe
Sergii
Как класс "active" будет применяться к следующей активной кнопке ?
  • Дмитрий Валак
    Эта логика делается уже на этапе программирования