Чтобы создать кнопку в HTML и CSS, вы можете использовать элемент <button>
или <input>
с атрибутом type="button"
. Затем вы можете применить к элементу CSS-стили, чтобы настроить его внешний вид. Вот несколько примеров:
- С использованием элемента
<button>
:
<button>Нажми меня</button>
button {
background-color: blue;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
- С использованием элемента
<input>
с атрибутомtype="button"
:
<input type="button" value="Нажми меня">
input[type="button"] {
background-color: blue;
color: white;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
Оба этих примера создадут кнопку с голубым фоном, белым цветом текста, без обводки и с отступом внутри кнопки. Кроме того, курсор изменится на указатель при наведении на кнопку.
Конечно, вы можете изменять любые параметры стиля, чтобы получить желаемый вид кнопки. Надеюсь, это поможет вам создать кнопку в HTML и CSS.