Как сделать картинку фоновую на сайте
![Как сделать фон в html: порядок действий Как сделать фон сайта картинкой HTML](https://sitehere.ru/wp-content/uploads/2015/06/kak-vstavit-video-na-fon-saita.jpg)
Фоновая картинка
Чтобы добавить фоновую картинку на веб-страницу, задайте путь к изображению внутри значения url стилевого свойства background, которое в свою очередь добавляется к селектору body. Общий синтаксис добавления фона следующий. Например, если HTML-документ и рисунок с именем bg.
![Как сделать картинку фоном в HTML и CSS. 3 простых способа | SITEROST Как работать с фоновыми рисунками в CSS](https://siterost.net/uploads/temp/72eb491e043d6b9e0af1334b3de1f002.jpg)
![Как добавить фоновый рисунок на веб-страницу? | слоник69.рф HTML Изображение фон](https://htmlbook.ru/files/images/css/css_background.png)
![background-image — CSS — Дока Как сделать картинку фоном в html](https://blog.geekbrains.by/wp-content/uploads/2023/07/2023-08-01_16-19-10.png)
![Как добавить фоновое изображение в HTML: 13 шагов Как сделать фон в html](https://www.internet-technologies.ru/wp-content/uploads/articles/201412/osnovi-raboti-s-fonom-v-h-271055.png)
![Фоновые рисунки | слоник69.рф Как сделать фон для сайта?](http://seo-design.net/wp-content/uploads/2017/05/7-video-background-on-russian-restaurant-website.jpg)
![Как сделать фон для сайта: HTML примеры установки цвета и картинки Как вставить фон в HTML?](https://htmlbook.ru/files/images/content/082_1.png)
![Фоновая картинка | WebReference Как сделать картинку фоном в HTML и CSS. 3 простых способа](https://helpdesk.bitrix24.ru/upload/medialibrary/cc6/caokpomwcr293o89je00p9ebpuwovtg0/4.jpg)
![Как добавить фон на страницу. CSS background-image — журнал «Доктайп» Как добавить фон на страницу. CSS background-image](https://sendpulse.com/blog/wp-content/uploads/2020/10/Wilda.png)
В связи с особенностями веб-страниц, фоновые рисунки приобретают значительную роль при верстке документов сайта. При этом они активно участвуют в самых разных делах, например, автоматизируют процесс присоединения рисунков к тексту, создают градиентные переходы и, конечно, добавляют фон под содержимым. Далее рассмотрены некоторые аспекты применения фоновых изображений. Такой рисунок повторяется по горизонтали и вертикали, заполняя таким способом все окно браузера.
![Как сделать фоновый рисунок в css - База Знаний Timeweb Community Есть что добавить? Зарегистрируйтесь](https://idbi.ru/files/1/573/9019965/original/1_7e8f4440099d20c3e8b02289d4d0e165.png)
![Ставим картинку в качестве фона сайта с помощью HTML Параметры фона сайта](https://webref.ru/assets/images/recipe/bg-blur.jpg)
![background-image - Изображение фон HTML — слоник69.рф Картинка в качестве фона страницы - HTML](https://htmlbook.ru/files/images/faq/faq_bg6_2.png)
![«Как вставить фон в HTML?» — Яндекс Кью Сайты для образовательных организаций](https://idg.net.ua/blog/wp-content/uploads/background-size-300px-300px.png)
![Как сделать картинку фоном в html - Q&A Хекслет Фоновое изображение на странице](https://vaden-pro.ru/sites/default/files/fon-na-vsyu-shirinu-ekrana.jpg)
![Фоновое изображение на HTML элементе](https://www.internet-technologies.ru/wp-content/uploads/articles/201412/rgb-271127.png)
![Содержание](https://sitehere.ru/wp-content/uploads/2015/04/adaptivnoe-phonovoe-izobrazhenie-1280x720.jpg)
![Работа с фоном в CSS](https://help.megagroup.ru/thumb/2/sxZaooVgzDpGt6JXWkpg9A/r/d/b343713692.png)
![Примеры использования](https://pcvector.net/uploads/posts/2020-05/1588792159_blurred-light-background-min.jpg)
В текущей статье речь пойдет об использовании изображений в качестве фона на сайте, о том как растянуть фон на всю ширину страницы и зафиксировать его. Рассмотрим сначала способ задания фонового изображения на сайте с помощью атрибута background тега body :. Как в примере выше, рекомендуется помимо картинки указывать и цвет фона он будет отображаться на сайте во время загрузки страницы , который будет максимально сочетаться с фоновым изображением и создавать контраст с текстом на сайте. Например, если вы используете белый цвет текста на сайте, то стоит указать темный цвет фона и задать темное фоновое изображение.
![](https://i.stack.imgur.com/ngIeG.png)
![](https://techrocks.ru/wp-content/uploads/2021/04/night-3078326_1280-min.jpg)
![](https://i.ytimg.com/vi/kyepWuaxm_Y/maxresdefault.jpg?sqp=-oaymwEmCIAKENAF8quKqQMa8AEB-AH-CYAC0AWKAgwIABABGDYgYyhlMA8=&rs=AOn4CLBalYuTUzsywKwPICb8ArUEr9wCNQ)
![](https://aspro.ru/upload/Documetation/allcorp 2.0/fonovyi banner/image40.png)
![](https://www.iphones.ru/wp-content/uploads/2016/07/edit_site_featured-1240x580.jpg)
![](https://freelance.today/uploads/images/00/07/44/2021/03/11/2fa795.png)
![](https://idg.net.ua/blog/wp-content/uploads/background-repeat-default.png)
![](https://habrastorage.org/files/ffa/a1b/3d3/ffaa1b3d3762415f9554deec3b674a53.jpg)