Узнать, как создать кнопку во всю ширину (полная ширина) используя HTML, 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 Кнопки Учебник , чтобы узнать больше о том, как стилизовать кнопки.