Доверьте продвижение нам

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Как расположить текст на картинке CSS

Views Icon0

Для расположения текста на картинке в CSS можно использовать свойство background-image и свойство background-position.

Например, чтобы расположить текст по центру картинки, можно использовать следующий код:

.container {
  background-image: url('path/to/image.jpg');
  background-position: center center;
  text-align: center;
}

Здесь мы задали картинку в качестве фона для элемента .container и расположили ее по центру с помощью свойства background-position. Затем мы выровняли текст по центру с помощью свойства text-align.

Если нужно расположить текст в определенной части картинки, можно задать соответствующие значения для свойства background-position. Например, чтобы расположить текст в верхней левой части картинки, можно использовать следующий код:

.container {
  background-image: url('path/to/image.jpg');
  background-position: top left;
  text-align: left;
}

Здесь мы задали значение top left для свойства background-position, чтобы расположить картинку в верхней левой части, и выровняли текст по левому краю с помощью свойства text-align.

Поделиться:

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.