Les images de remplacement UTILITAIRES:Image de remplacement IMAGES:De remplacement

Les images de remplacement permettent d’utiliser une image en lieu et place d’un texte. C’est très pratique pour afficher le logo de votre entreprise ou de votre site à la place d’un texte.

L’exemple de ce titre est à télécharger dans le dossier nommé 12-Utilitaires-06.

Voici le code utilisé :

<h1 class="text-hide" style="background-image: url('terre.png'); 
width: 100px; height: 100px;">Mon site web</h1> 

Le conteneur est un élément HTML <h1>. Il possède la classe .text-hide qui permet de ne pas afficher le texte placé comme contenu. L’attribut style permet d’indiquer l’image à utiliser et à la formater.

Voici l’affichage obtenu :

images/C12-011.png
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
L'insertion des vidéos
Suivant
Les espaces pour les colonnes