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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от neal_bergstrom , 3 года назад

@fred  Изменить цвет части текста в HTML, можно обвернуть часть текста в <span> и задать любой цвет через стили :


1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <p>Изменить цвет <span style="color: brown">части текста</span> в HTML</p>
  </body>
</html>


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

от buster , год назад

@fred 

Для изменения цвета части текста в HTML можно использовать тег <span>, который позволяет задавать стили для отдельных частей текста. Для изменения цвета текста нужно добавить внутри тега <span> атрибут style с указанием свойства color и желаемого цвета:

1
Это красный текст.


Здесь текст "красный" будет отображаться красным цветом. Можно использовать любой другой цвет, указав его в формате hex или названием (например, color: #00ff00 для зеленого цвета).


Также можно вынести стиль в отдельный CSS-файл и добавить класс тегу <span>, например:

1
2
3
4
5
6
7
.red {
  color: red;
}


Это красный текст.


Здесь классу .red задан красный цвет текста, и применен к тегу <span> с текстом "красный".