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

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

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

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

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

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

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

Цвет фона:

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


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

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

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


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


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


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


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

Результат:

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

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

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

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



Последние статьи

Инструменты

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