Зміна кольору кнопки в HTML Використовуючи HTML, введіть у формулу: <button style=“background-color: COLOR NAME;border-color:COLOR NAME;color:COLOR NAME”>Текст кнопки</button>, щоб змінити колір кнопки.29 березня 2024 р
Колір можна встановити:
- назва – вкажіть назву кольору, наприклад "червоний"
- HEX – вкажіть шістнадцяткове значення, наприклад "#ff0000"
- RGB – вкажіть значення RGB, наприклад "rgb(255,0,0)"
- HSL – укажіть значення HSL, наприклад "hsl(0, 100%, 50%)"
- інвертувати – виконує інверсію кольорів (що забезпечує видимість контуру незалежно від кольору фону)
Як стилізувати свій ґудзик. Ви можете оформити його за допомогою кольорів, розміру, шрифту та розміру шрифту на ваш вибір, просто замінивши існуючі значення коду прикладу. Сімейство шрифтів: використовуйте шрифт на свій вибір. Ви можете знайти веб-безпечні шрифти тут.
Властивість disabled встановлює або повертає, чи кнопка вимкнена чи ні. Вимкнений елемент є непридатним для використання та натисканням. За замовчуванням у браузерах вимкнені елементи зазвичай відображаються сірим кольором. Ця властивість відображає атрибут HTML disabled.
Значення кольору вказується двома шістнадцятковими цифрами для інтенсивності червоного, зеленого та синього. Значення 00 є найтемнішим, а ff – найсвітлішим, а проміжні значення визначають відтінки між ними. Щоб указати білий, наприклад, використовуйте #ffffff. Щоб указати яскраво-синій, використовуйте #0000ff.
Усі елементи стилю у вашому тегу кнопки HTML мають бути взяті в лапки. Введіть колір фону: у лапках після "style=". Цей елемент використовується для зміни кольору фону кнопки. Введіть назву кольору або шістнадцятковий код після "background-color:".