Как добавить фон к тексту с помощью CSS?

Чтобы добавить фон к тексту с помощью CSS, можно использовать универсальное свойство background. htmlbook.ru С его помощью можно не только загрузить картинку, но и задать ей положение, повторяемость, фиксацию и другие параметры. timeweb.com

Некоторые свойства, которые помогают настроить фон текста:

• background-color. webcodius.ru Задаёт цвет фона для любого HTML-элемента. webcodius.ru Цвет можно задать в виде RGB-кода или имени. webcodius.ru
• background-image. webcodius.ru С помощью этого атрибута в качестве фона можно использовать картинку. webcodius.ru По умолчанию background-image имеет значение none, то есть никакого изображения для фона не используется. webcodius.ru
• background-repeat. webcodius.ru Параметр повторения фоновой картинки. webcodius.ru Может иметь несколько значений: background-repeat: repeat-x (повторение по горизонтали), background-repeat: repeat-y (повторение по вертикали), background-repeat: repeat (повторение и по горизонтали, и по вертикали), background-repeat: no-repeat (изображение не повторяется). timeweb.com
• background-position. webcodius.ru Позволяет указать позицию фонового изображения относительно элемента веб-страницы. webcodius.ru Горизонтальная позиция может принимать следующие значения: left (фоновая картинка прижимается к левому краю элемента), center (фоновое изображение располагается по центру элемента), right (фон прижимается к правому краю элемента). webcodius.ru
• background-attachment. webcodius.ru Устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента веб-страницы. webcodius.ru

Чтобы текст не накладывался на рисунок, можно использовать свойство padding-left. htmlbook.ru За счёт него текст смещается вправо на указанное расстояние. htmlbook.ru Оно в каждом случае индивидуально и обычно равно ширине рисунка плюс желаемому отступу между изображением и текстом. htmlbook.ru