Генератор кнопок html онлайн
С помощью нашего инструмента можно создать кнопку для сайта без знаний HTML и CSS.
Нужно только выбрать необходимый цвет и размер элементов.
В итоге вы получите код для установки в чистом виде.
Текст кнопки:
Ссылка кнопки:
Цвет текста:
Цвет обводки:
Цвет фона при наведении:
Цвет текста при наведении:
Горизонтальные отступы:
Вертикальные отступы:
Заокруглённость:
Толщина обводки:
Размер шрифта:
Выравнивание кнопки:
По левому краю По центру По правому краю
Открытие ссылки в новой вкладке
Результат:
Код для установки на сайт:
Скачать код в .txt
Что такое кнопка?
Кнопка (англ. button) — элемент интерфейса, является метафорой кнопки в технике и, соответственно, изображается схожей с ней и выполняет аналогичные функции. При нажатии на неё происходит программно связанное с этим нажатием действие либо событие. В широком смысле, кнопкой называют любой экранный элемент, с очерченной границей, нажатие на который приводит к некоему действию.
Инструкция настройки
С помощью этого инструмента настраивать и редактировать кнопки одно удовольствие.
Описание каждого элемента:
- Текст кнопки — введите текст, который будет отображаться на кнопке.
- Ссылка кнопки — укажите страницу, которая будет открываться при нажатии.
- Цвета кнопки — блок настройки цветов. Тут вы сможете настроить цвета кнопки, текста и обводки.
- Настройка размеров — данный блок необходим для настройки размеров кнопки и размеров шрифта.
- Выравнивание кнопки — тут вы сможете выравнять кнопку по разным сторонам сайта.
- Открытие на новой вкладке — добавить возможность открывать по клику новую страницу.
- Цвет при наведение — настройка позволяет сделать эффект при наведении мыши на кнопку.
- Цвет текста при наведение — позволяет изменить цвет текста при наведении.
После создания кнопки можно скопировать её или скачать текстовым файлом.
Далее полученный код установите в нужное вам место.