С таким видом фона можно частенько встретиться на различных сайтах посвященных онлайн-просмотрам. В этой статье мы научимся создавать фон, который будет заполнять собой всю html-страницу. Шаг 1 Создаем html-страницу и называем ее index. Шаг 2 Скачиваем какую-нибудь картинку с фотостока и сохраняем ее в папке img (название картинки желательно написать на английском, например: "fon"). Шаг 3 Далее открываем нашу html-страницу и нажимаем клавишу F12. Перед нами откроется окно для редактирования кода...

Источник: WebForMyself.com В этой статье мы рассмотрим, как работают object-fit и background-size, когда мы можем их использовать и почему, а также некоторые практические примеры использования и рекомендации. Мы не всегда можем загрузить изображения разного размера в элемент HTML. Если мы используем ширину и высоту, которые не пропорциональны соотношению сторон изображения, изображение может быть сжато или растянуто. Это плохо, и это можно решить либо с помощью object-fit элемента img, либо с помощью background-size...