Все для создания и продвижения сайтов

Верстка, программирование, SEO

Онлайн генератор кнопок для сайта

количество просмотров 4198
Онлайн генератор кнопок для сайта

Создайте себе кнопку для сайта в режиме онлайн, выбирайте цвета, отступы и другие параметры. Получите код кнопки и вставьте себе на сайт.

Здесь вы сможете создать кнопку для своего сайта. Просто скопируйте код и вставьте себе на сайт.

Текст кнопки:
Цвет текста:

Цвет фона:

Цвет обводки:


Горизонтальные отступы:

Вертикальные отступы:

Закруглённость:


Толщина обводки:


Размер шрифта:


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


Ссылка, на которую ведёт кнопка:

Результат:

Получить код:

Создать кнопку самостоятельно

Для создании кнопки с 0 на языке HTML и СSS можно использовать три тега: a, button, input[type=button].

button и input[type=button] - по сути одно и тоже, на эти кнопки мы привязываем какие либо события, если мы хотим сделать кнопку ссылкой, то надо использовать тег a.

<button>Кнопка
<input type="button" value="Кнопка"/>
<a href="ссылка" style="background: #ccc; color: #000; border: 1px solid black; padding: 5px;">Кнопка</a>

Вставив этот код на сайт мы получим простую кнопку:

Третий способ, с тегом <a> служит для создания кнопки-ссылки, для этого просто добавьте атрибут href, в которой находится ссылка. К примеру, <a href="http://daruse.ru/">Текст кнопки</a>

Как мы видим, чтобы сделать кнопку ссылкой через тег a нам нужно применить много стилей, чтобы было похоже на кнопку, ведь изначально этот тег создан для создания ссылок. Поэтому мы можем использовать два других тега, которые по умолчанию является кнопкой.

<button>Текст кнопки</button>
<input type="button" value="Текст кнопки"/>
Последние статьи

Инструменты

Отблагодарить и поддержать автора
Если вы нашли ошибку, выделите её и нажмите Ctrl+Enter
Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.