Найпоширенішим способом розфарбовування тексту HTML є використання шістнадцяткових кодів кольорів (скорочено шістнадцятковий код). просто додайте атрибут стилю до текстового елемента, який ви хочете пофарбувати – абзацу в прикладі нижче – і використовуйте властивість кольору з вашим шістнадцятковим кодом.
<input type="color"> <input> елементи типу color забезпечують елемент інтерфейсу користувача, який дозволяє користувачу вказати колір, або за допомогою візуального інтерфейсу вибору кольорів або введення кольору в текстове поле в шістнадцятковому форматі #rrggbb.
Щоб додати кольору тексту, ви використовуйте властивість color в атрибуті style. Після властивості color ставиться двокрапка та значення кольору, яке може бути фактичною назвою (наприклад, «red»), шістнадцятковим значенням (наприклад, «#FF0000») або значенням RGB (наприклад, «rgb(255, 0, 0)").
Кольорові коди HTML знаходяться в a двозначний шістнадцятковий формат для червоного, синього та зеленого (#RRBBGG). Шістнадцяткові коди кольорів йдуть від 00 до DD. Наприклад, #FF0000 буде червоним, а #40E0D0 — бірюзовим. Шістнадцяткові коди кольорів використовуються в HTML для всього, від тексту до фону.
Використовуйте крапку з комою, щоб розділити різні елементи стилю в тегу кнопки HTML. Введіть колір: у лапках після "style=". Цей елемент використовується для зміни кольору тексту на кнопці. Ви можете розміщувати елементи стилю в будь-якому порядку в лапках після "style=".
Кроки для додавання багатоколірності в текст
- Додайте простий текст у тег <div> із потрібним селектором.
- Застосуйте властивість лінійного градієнта до будь-яких кольорів на ваш вибір.
- Застосуйте властивості webkit, які заповнять текст градієнтним фоном, і оголосите властивість кольору з прозорим фоном.