Как изменить цвет шрифта в css?

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

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

Как изменить цвет шрифта в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от velma , 9 месяцев назад

@wilburn 

Чтобы изменить цвет шрифта в CSS, вы можете использовать свойство color. Вот примеры кода:

  1. Использование названия цвета:
1
2
3
p {
  color: red;
}


  1. Использование шестнадцатеричного значения цвета:
1
2
3
p {
  color: #ff0000;
}


  1. Использование RGB значений цвета:
1
2
3
p {
  color: rgb(255, 0, 0);
}


  1. Использование RGBA значений цвета (с возможностью установки прозрачности):
1
2
3
4
p {
  color: rgba(255, 0, 0, 0.5); /* полупрозрачный */

}


Вы можете применять это свойство к любому селектору, чтобы изменить цвет шрифта для соответствующих элементов на веб-странице.

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

от rebekah , 2 месяца назад

@wilburn 

Дополнительно, в CSS можно использовать ключевые слова для указания цвета, например:

1
2
3
p {
  color: black;
}


Также можно использовать HSL (Hue, Saturation, Lightness) или HSLA (Hue, Saturation, Lightness, Alpha) значения цвета:

1
2
3
4
5
6
7
p {
  color: hsl(0, 100%, 50%);
}

p {
  color: hsla(0, 100%, 50%, 0.5); /* полупрозрачный */
}


Эти способы также позволяют задать различные оттенки цвета для текста на веб-странице.