Как сделать - полноразмерные (блочные) кнопки
Узнайте, как стилизовать блочные кнопки (во всю ширину) с помощью CSS.
Как стилизовать кнопки блоков
Шаг 1) Добавьте HTML:
Пример
<button
type="button" class="block">Block Button</button>
Шаг 2) Добавьте CSS:
Чтобы создать полноразмерную кнопку, добавьте ширину 100 % и сделайте ее блочным элементом:
Пример
.block {
display: block;
width: 100%;
border: none;
background-color: #04AA6D;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
Перейдите к нашему учебнику по кнопкам CSS , чтобы узнать больше о том, как стилизовать кнопки.