Как задать цвет текста в CSS — меняем цвет текста с помощью стилей
Ответ на вопрос
Ответ на вопрос «Как поменять цвет текста в CSS» довольно простой — с помощью свойства color. Достаточно задать нужному селектору (элементу, классу, айди и тд) свойство color с определенным значением. Чаще всего на практике это выглядит вот так:
p {
color: #ffffff;
}
Вот так мы задали белый цвет текста для всех блоков <p>.
Разные форматы
На что стоит обратить внимание — цвет можно указывать в разных форматах.
Например, вместо #ffffff — вы можете прописать white и цвет все также будет белым. Или вместо шести символов f прописать только три — все равно будет работать. Еще можете указать цвет с помощью RGB системы. Это когда вы смешиваете три цвета (красный, зеленый и синий), чтобы получить один. Тогда формат будет вот такой:
p {
color: rgb(255,255,255);
}
Цвет все такой же белый.
Как задать прозрачность текста
Чтобы задать прозрачность для текста, достаточно воспользоваться расширенной версией rgb — rgba. Здесь мы четвертым параметром задаем прозрачность (от 0 до 1). Вот, для наглядности, сделаем черный текст чуточку прозрачным:
p {
color: rgba(0,0,0,0.5);
}
Надеемся, что вы получили ответ на свой вопрос и теперь сможете без проблем изменить цвет текста на вашем сайте.