Utilisez CSS pour définir des images d'arrière-plan pour les images

Définir une image de fond pour une image est un exemple très pratique. Cette phrase peut paraître un peu drôle. Nous définissons l'image d'arrière-plan de l'image introduite dans la page avec la balise IMG.

La fonction CSS est très puissante. Elle fournit des fonctions très puissantes pour la performance des éléments et la mise en page de la page. Cela est principalement dû à notre fonctionnement flexible, qui fournit divers tutoriels et informations riches et précieux. Quant à l’utilisation des images, elle se situe en réalité plutôt au niveau du contenu. Selon l'idée des standards WEB, les images de la couche de présentation ont été séparées en CSS. Seules les images en tant que contenu peuvent être insérées dans la page avec la balise IMG, qui est également la sémantique qui a été mise en avant.

Définir une image de fond pour une image est un exemple très pratique. Cette phrase peut paraître un peu drôle. Nous définissons l'image d'arrière-plan de l'image introduite dans la page avec la balise IMG. Ce type de champ d'application n'est peut-être pas vaste, mais il peut entraîner votre réflexion et vous permettre de comprendre la signification et la flexibilité des éléments HTML et CSS.
Regardons le code ci-dessous.

　
　Il s'agit d'introduire l'image dans la page avec la balise img.

Écrivons à nouveau CSS.


img {
display:block;
width:443px;
hauteur:60px
padding-bottom:10px
background:url(jb52bg; jpg) sans répétition en bas à gauche ;
}
Convertissez l'élément img en élément de bloc et définissez la largeur et la hauteur. Définissez le remplissage inférieur sur 10px. Réservez de l'espace pour que l'image d'arrière-plan s'affiche. Enfin, définissez l'image d'arrière-plan.
À partir de ce petit exemple, vous pouvez voir la flexibilité et les fonctions puissantes du CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!