Les pages Web ajoutent normalement des images en utilisant la balise HTML "img" en ligne. Le codage CSS ne définit généralement pas la source d'une image car CSS contrôle la conception plutôt que le contenu. Pourtant, CSS prend en charge des propriétés que le HTML ordinaire ne prend pas, telles que l'opacité de l'image. Par exemple, si vous souhaitez qu'une photo transparente du siège de votre entreprise apparaisse sur la page d'accueil de votre site Web, vous pouvez la définir à l'aide de CSS. Les styles CSS choisissent les sources d'image à l'aide de la propriété d'image d'arrière-plan.

1

Ouvrez la feuille de style de votre site Web avec votre éditeur HTML ou un éditeur de texte.

2

Collez le code suivant dans la feuille pour créer un nouveau style:

styledimg {

background-image: url (chemin); background-repeat: pas de répétition; largeur: 10px; hauteur: 20px;

}

3

Remplacez "chemin" par l'URL de l'image dans le site. Par exemple, si l'image "building.jpg" se trouve dans le dossier "images" de votre site, remplacez le code par:

styledimg {

image de fond: url (/images/building.jpg); background-repeat: pas de répétition; largeur: 10px; hauteur: 20px;

}

4

Remplacez "10" par la largeur de l'image et remplacez "20" par la hauteur de l'image. Par exemple, si l'image mesure 200 pixels de haut et 600 pixels de large, remplacez le code par:

styledimg {

image de fond: url (/images/building.jpg); background-repeat: pas de répétition; largeur: 600px; hauteur: 200px;

}

5

Ouvrez la page Web dans laquelle vous souhaitez insérer l'image.

6

Ajoutez le code suivant pour insérer l'image: