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

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

от sandrine , в категории: HTML/CSS , 3 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от angelica.glover , 3 года назад

Изменить цвет текста в css, можно так:


HTML:

1
2
3
<body>
    <p class="text">Привет! Как дела?</p>
</body>


CSS:

1
2
3
.text {
    color: darkgreen;
}


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

от amaya_bahringer , 2 года назад

@sandrine 

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

1
2
3
.text {
  color: blue;
}


Это задаст синий цвет тексту внутри элемента с классом text. Вы также можете использовать название цвета, цветовую модель RGB, HSL или другие цвета.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
.text {
  color: #ff0000; /* красный */
}

.text {
  color: rgb(0, 0, 255); /* синий */
}

.text {
  color: hsl(120, 100%, 50%); /* зеленый */
}


Вы также можете использовать семантические названия цветов, такие как orange, purple и т.д., но учтите, что этот список ограничен и может отличаться в разных браузерах. Обычно лучше использовать шестнадцатеричные коды цвета или модели RGB и HSL, чтобы быть уверенным, что цвет будет отображаться корректно во всех браузерах.