Чтобы добавить фон к тексту с помощью CSS, можно использовать свойство background-color. 13 Оно устанавливает фон прямо под текстом. 1

Пример кода: 1

<p>Обычный текст <span style='background-color: #FFFF00;'>подсвеченный текст</span>.</p>

Элемент <span> адаптируется под своё содержимое и действует как inline-элемент, что позволяет применить фон только к тексту, не затрагивая всю область элемента. 1

Чтобы фон соответствовал размерам текста, нужно применить свойство display: inline-block. 1 Оно обеспечивает плотное соприкосновение фона с текстовым содержимым. 1

Для создания однородного фона для текста, который расположен на нескольких строках, следует использовать свойство box-decoration-break: clone. 14

Если нужно установить фон, не прибегая к изменениям в HTML-коде, можно использовать псевдоэлемент ::before. 1 При этом у родительского элемента нужно указать позицию relative, чтобы псевдоэлемент оставался в его пределах. 1