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

Для того чтобы изменить цвет текста, необходимо использовать свойство color. Значение, собственно - цвет, может быть указано разными способами. Рассмотрим пример:

Исходный HTML документ:

<p class="red">Красный</p>
<p class="black">Черный</p>
<p class="blue">Синий</p>
<p class="green">Зеленый</p>

Теперь стили:

.red {
  /* Цвет можно написать словом */
  color: red;   
}

.black { 
  /* Или в виде шестнадцатеричного значения */
  color: #000000;       
}

.blue {
  /* Так же, можно воспользоваться специальной функцией rgb */
  color: rgb(0, 0, 255);  
}

.green {
  /* Или её расширенной версией - rgba, где четвертый параметр 
  степень непрозрачности цвета — alpha */
  color: rgba(0, 255, 0, 0.5);
}
0 0

Похожие вопросы