Imagini de fundal în HTML. Elemente folosite: background-image, style, body

Imagini de fundal (background-image)

Pentru a adăuga o imagine de fundal în HTML, folosiți imaginea de fundal (background-image) a proprietății CSS.

Imagine de fundal (background-image) pe un element HTML.

Pentru a adăuga o imagine de fundal (background-image) la un element HTML, puteți utiliza atributul style:

Exemplu:

Adăugați o imagine de fundal (background-image) la un element HTML:

<div style="background-image: url('img_girl.jpg');">

Puteți specifica, de asemenea, imaginea de fundal (background-image) în elementul <style>:

Exemplu:

Specificați imaginea de fundal în elementul style:

<style>
div {
  background-image: url('img_girl.jpg');
}
</style>

Imagine de fundal pe o pagină

Dacă doriți ca întreaga pagină să aibă o imagine de fundal (background-image), atunci trebuie să specificați imaginea de fundal (background-image) în elementul <body>:

Exemplu:

Adăugați o imagine de fundal (background-image) pe o pagină HTML:

<style>
body {
  background-image: url('img_girl.jpg');
}
</style>