Как на картинку наложить текст в html
4 года назад
Человек-Молекула
Ответы
Чтобы наложить текст на картинку в HTML, можно использовать CSS-позиционирование.
Сперва создадим HTML-структуру:
Затем применим CSS:
Здесь мы используем абсолютное позиционирование для размещения текста поверх изображения. transform: translate(-50%, -50%)
центрирует текст.
год назад
Ivan Mamtsev
Для того чтобы наложить текст на изображение в HTML, можно использовать CSS свойство background-image
для контейнера с текстом и установить значение background-color
для контейнера, чтобы текст был читаемым. Например:
В данном примере для контейнера с классом image-container
устанавливается фоновое изображение с помощью свойства background-image
, а также устанавливаются размер фонового изображения, его позиция и повторение. Для того чтобы текст был читаемым, установлено полупрозрачное значение цвета фона с помощью функции rgba()
. Контейнер также настроен с помощью свойства display: flex
для выравнивания текста по центру.
Заголовок h1
имеет белый цвет и центрируется внутри контейнера.
2 года назад
Aleksey