Maison > interface Web > tutoriel CSS > CSS définit l'image d'arrière-plan pour l'échange image_Experience

CSS définit l'image d'arrière-plan pour l'échange image_Experience

WBOY
Libérer: 2016-05-16 12:04:38
original
1915 Les gens l'ont consulté

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. À cet égard, nous fournissons des tutoriels et des informations riches et précieux. Quant à l’utilisation des images, elle se situe en réalité davantage 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.

 CSS définit l'image d'arrière-plan pour l'échange image_Experience
 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.

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal