Якщо ви хочете встановити зображення як фон веб-сторінки або елемента HTML, а не просто вставити зображення на сторінку, вам потрібно використовуйте властивість CSS background-image. Використовуючи цю властивість, ви можете вказати, яке фонове зображення має відображатися на вашому веб-сайті.3 квітня 2024 р.
Якщо ви хочете додати фонове зображення в HTML за допомогою атрибута background, виконайте такі дії:
- Відкрийте файл HTML у текстовому редакторі.
- У початковому тегу <body> у файлі Html введіть <Body background=” “>
- Вкажіть шлях до зображення, яке ми хочемо додати. …
- Збережіть файл Html у текстовому редакторі та запустіть файл.
Якщо ви хочете змінити весь фон вашої веб-сторінки, вставте вбудований CSS у початковий тег <body> так:
- HTML. <body style="background-color: #FF474C;"> <!– …
- CSS. body { колір фону: світло-зелений; } h2, p, кнопка { колір фону: світло-блакитний; } …
- HTML. <div class="example"> <p>Це деякий текст CTA.</ …
- CSS.
Ви можете розтягнути фонове зображення, щоб охопити весь вікно перегляду використовуйте 100vw для ширини та 100vh для висоти. У цьому прикладі розмір фону: 100vw 100vh; розтягне фонове зображення, щоб охопити весь вікно перегляду, як по ширині, так і по висоті.
Щоб розмістити просте зображення на веб-сторінці, ми використовувати елемент <img>. Це недійсний елемент (це означає, що він не може мати дочірній вміст і не може мати кінцевий тег), для використання якого потрібні два атрибути: src і alt. Атрибут src містить URL-адресу, яка вказує на зображення, яке потрібно вставити на сторінку.
Змініть фонове зображення робочого столу
- Виберіть Пуск > Налаштування > Персоналізація > Фон.
- У списку поруч із «Персоналізація фону» виберіть «Зображення», «Суцільний колір», «Слайд-шоу» або «Прожектор Windows» (щоб щодня переглядати нове зображення з усього світу).