Генератор кнопок html онлайн

С помощью нашего инструмента можно создать кнопку для сайта без знаний HTML и CSS.
Нужно только выбрать необходимый цвет и размер элементов.
В итоге вы получите код для установки в чистом виде.

Выравнивание кнопки:

Результат:

Код для установки на сайт:

Что такое кнопка?

Кнопка (англ. button) — элемент интерфейса, является метафорой кнопки в технике и, соответственно, изображается схожей с ней и выполняет аналогичные функции. При нажатии на неё происходит программно связанное с этим нажатием действие либо событие. В широком смысле, кнопкой называют любой экранный элемент, с очерченной границей, нажатие на который приводит к некоему действию.

Инструкция настройки

С помощью этого инструмента настраивать и редактировать кнопки одно удовольствие.
Описание каждого элемента:

  1. Текст кнопки — введите текст, который будет отображаться на кнопке.
  2. Ссылка кнопки — укажите страницу, которая будет открываться при нажатии.
  3. Цвета кнопки — блок настройки цветов. Тут вы сможете настроить цвета кнопки, текста и обводки.
  4. Настройка размеров — данный блок необходим для настройки размеров кнопки и размеров шрифта.
  5. Выравнивание кнопки — тут вы сможете выравнять кнопку по разным сторонам сайта.
  6. Открытие на новой вкладке — добавить возможность открывать по клику новую страницу.
  7. Цвет при наведение — настройка позволяет сделать эффект при наведении мыши на кнопку.
  8. Цвет текста при наведение — позволяет изменить цвет текста при наведении.

После создания кнопки можно скопировать её или скачать текстовым файлом.
Далее полученный код установите в нужное вам место.

Текст скопирован в буфер !