Як змінити колір тексту в html

В HTML колір тексту змінюється за допомогою тега , але цей метод більше не підтримується в HTML5. Замість зазначеного тега потрібно користуватися CSS, щоб задати колір тексту різних елементів сторінки. Використання CSS гарантує, що веб-сторінка буде сумісна з будь-яким браузером.

кроки

Метод 1 з 2:

Використання CSS

1. Відкрийте файл HTML. Кращий спосіб змінити колір тексту - це скористатися CSS. Старий тег більше не підтримується в HTML5. Тому скористайтеся CSS, щоб визначити стиль елементів сторінки.

Цей метод також застосуємо до зовнішніх таблиць стилів (окремих файлів CSS). Наведені нижче приклади призначені для файлу HTML з внутрішньої таблицею стилів.

2. Размеcтіте курсор всередині тега . Стилі визначаються всередині цього тега, якщо використовується внутрішня таблиця стилів.

3. Введіть , щоб створити внутрішню таблицю стилів. коли тег

4. Введіть елемент, колір тексту якого потрібно змінити. використовуйте розділ

{}

5. У селекторі елемента введіть атрибут color:. Цей атрибут визначає колір тексту обраного елемента. У нашому прикладі цей атрибут змінить колір основного тексту, який є елементом, що включає весь текст на сторінці:

 {Color:}

6. Введіть колір тексту. Це можна зробити трьома способами: ввести ім`я, ввести шістнадцяткове значення або ввести значення RGB. Наприклад, щоб зробити текст синім, введіть blue, rgb (0, 0, 255) або # 0000FF.

 {Color: red-}

7. Додайте інші селектори, щоб змінити колір різних елементів. Можна використовувати різні селектори, щоб міняти колір тексту різних елементів сторінки:

 {Color: red-} h1 {color: # 00FF00-} p {color: rgb (0,0,255)}Цей заголовок буде зеленим.Цей параграф буде синім.Цей основний текст буде червоним.

8. Вкажіть стильовий клас CSS замість того, щоб міняти елемент. Можна вказати стильовий клас, а потім застосувати його до будь-якого елементу сторінки, щоб змінити стиль елемента. Наприклад, клас .redtext забарвить текст елемента, до якого застосовано цей клас, в червоний колір:

 {Color: red-} class = "redtext"> Цей заголовок буде краснимЕтот параграф буде стандартним. class = "redtext"> Цей параграф буде червоним

Метод 2 з 2:

Використання атрибутів вбудованого стилю

1. Відкрийте файл HTML. Можна використати атрибути вбудованого стилю, щоб змінити стиль одного елемента сторінки. Це може бути корисно, якщо потрібно внести одне-два зміни в стиль, але не рекомендується для широкомасштабного застосування. Щоб повністю змінити стиль, використовуйте попередній метод.

2. Знайдіть елемент, який потрібно змінити.За допомогою атрибутів вбудованого стилю можна змінити колір тексту будь-якого елементу сторінки. Наприклад, щоб змінити колір тексту певного заголовка, знайдіть його в файлі:

Цей заголовок потрібно змінити

3. До елементу додайте атрибут стилю. Усередині відкриваючого тега змінюваного елемента введіть style = "":

 style = ""> Цей заголовок потрібно змінити

4. усередині "" введіть color:. наприклад:

 style = "color:"> Цей заголовок потрібно змінити

5. Введіть колір тексту. Це можна зробити трьома способами: ввести ім`я, ввести шістнадцяткове значення або ввести значення RGB. Наприклад, щоб зробити текст жовтим, введіть yellow-, rgb (255,255,0)- або # FFFF00-:

 style = "color: # FFFF00 ;"> Цей заголовок став жовтим

Поради

Список підтримуваних кольорів і їх шістнадцяткові значення можна знайти на сайті http: // w3schools.com / colors / colors_names.asp