Как изменить размер кнопки в CSS?

Пользователь

от rupert.collins , в категории: HTML/CSS , 2 года назад

Как изменить размер кнопки в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от meta , 2 года назад

@rupert.collins Изменять размеры кнопки можно через  width и height :


HTML:

1
2
3
<body>
    <button class="button">Привет</button>
</body>


CSS:

1
2
3
4
5
.button {
    width: 80px;
    height: 30px;
    background-color: red;
}


Пользователь

от stephon , год назад

@rupert.collins 

Чтобы изменить размер кнопки в CSS, вы можете использовать свойства width и height. Например:

1
2
3
4
button {
  width: 150px;
  height: 50px;
}


Это задаст ширину кнопки 150 пикселей и высоту 50 пикселей. Вы также можете использовать проценты или другие единицы измерения, такие как em или rem.