Как изменить цвет текста в html?

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

от deshaun_cormier , в категории: HTML/CSS , 7 месяцев назад

Как изменить цвет текста в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от akeem , 7 месяцев назад

@deshaun_cormier 

Цвет текста в HTML можно изменить с помощью использования CSS свойства color.


Существуют несколько способов задать цвет текста:

  1. Использование названия цвета:
1
<p style="color: red;">Красный текст</p>


  1. Использование шестнадцатеричного кода цвета:
1
<p style="color: #FF0000;">Красный текст</p>


  1. Использование RGB значения цвета:
1
<p style="color: rgb(255, 0, 0);">Красный текст</p>


Также можно задать цвет текста через CSS классы или идентификаторы. Для этого внутри тега <head> необходимо объявить соответствующие стили:

1
2
3
4
5
6
7
<style>
    .red-text {
        color: red;
    }
</style>

<p class="red-text">Красный текст</p>


Лучшей практикой является вынесение стилей во внешний CSS файл и подключение его к HTML документу с помощью тега <link>.