Как привязать ссылку к кнопке html
Ответы
Вячеслав Межуревский
19 октября 2022
Для того чтобы реализовать эту возможность можно пойти разными путями. Например, можно использовать стандартный тэг <button> в связке с <form>, и для формы указываем атрибут action с адресом веб-страницы. Другой более красивый вариант - стилизовать тэг <a> под кнопку. Рассмотрим этот вариант подробнее:
Исходный HTML-документ
<a href="#" class="btn">Это кнопка</a>
Стили
.btn {
/* Теперь это строчно-блочный элемент */
display: inline-block;
/* Серый цвет фона кнопки */
background: #8C959D;
/* Белый цвет текста */
color: #fff;
/* Отступы вокруг текста */
padding: 16px 32px;
/* Убираем подчёркивание */
text-decoration: none;
/* Скругляем уголки */
border-radius: 3px;
}
Результат:
0
0