Щоб установити значення background-image, ви повинні використовувати такий синтаксис: url(' '); Між одинарними лапками ви помістите URL-адресу зображення або шлях до файлу.3 квітня 2024 р.
Фоновий атрибут
- Відкрийте файл HTML у текстовому редакторі.
- У початковому тегу <body> у файлі Html введіть <Body background=” “>
- Вкажіть шлях до зображення, яке ми хочемо додати. (Приклад, <Body background=”C:\Users\anshuman. singh\Downloads\infoedge. jpg “>
- Збережіть файл Html у текстовому редакторі та запустіть файл.
Ви використовуєте фонове зображення для тегу body. Призначити гіперпосилання на нього неможливо. Але, якщо вам потрібно використовувати його як фонове зображення, створіть додатковий клас. Ви можете розмістіть div позаду всього на сторінці, дайте йому фонове зображення, а потім додайте обробник onclick до цього div.
Фонове зображення CSS
- Встановіть фонове зображення для сторінки: body { background-image: url("paper.gif"); } …
- У цьому прикладі показано невдале поєднання тексту та фонового зображення. Текст важко прочитати: body { background-image: url("bgdesert.jpg"); …
- p { background-image: url("paper.gif"); } Спробуйте самі »
Щоб завантажити фонове зображення, клацніть зображення, утримуючи клавішу Ctrl, або клацніть правою кнопкою миші та в меню, що з’явиться, виберіть «Переглянути джерело» або «Переглянути джерело кадру». Знайдіть URL-адресу фонового зображення в тегу <body> документа (він має бути вгорі).
Якщо ви хочете змінити весь фон вашої веб-сторінки, вставте вбудований CSS у початковий тег <body> так:
- HTML. <body style="background-color: #FF474C;"> <!– …
- CSS. body { колір фону: світло-зелений; } h2, p, кнопка { колір фону: світло-блакитний; } …
- HTML. <div class="example"> <p>Це деякий текст CTA.</ …
- CSS.
У HTML ви можете змінити колір фону елемента за допомогою вбудованого стилю. Цей підхід передбачає безпосередньо додавання атрибута style до елемента HTML і визначення бажаного кольору фону за допомогою властивості background-color.