Как увеличить размер кнопки в css?

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

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

Как увеличить размер кнопки в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@sherwood_littel  Для того чтобы увеличить размер кнопки в CSS достаточно изменить размеры 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;
}

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

от rodger.botsford , год назад

@sherwood_littel 

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

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


Это установит ширину кнопки в 150 пикселей и высоту в 50 пикселей. Также можно использовать свойство padding для увеличения размера внутреннего пространства кнопки, и свойство font-size для увеличения размера текста внутри кнопки.