Comment définir la taille de l'image d'arrière-plan en CSS

Comment définir la taille de l'image d'arrière-plan en CSS : Vous pouvez utiliser l'attribut background-size pour la définir, comme [background-size:80px 60px;], l'attribut [background-size] peut précisez la largeur et la hauteur.

L'environnement d'exploitation de ce tutoriel : Système Windows 10, version CSS3, cette méthode convient à toutes les marques d'ordinateurs.

(Tutoriel recommandé : Tutoriel vidéo CSS)

Comment définir la taille de l'image de fond en CSS :

introduction de l'attribut :

L'attribut background-size spécifie la taille de l'image d'arrière-plan.

Syntaxe :

background-size: length|percentage|cover|contain;

Valeur de l'attribut :

• longueur Définissez la hauteur et la largeur de l'image d'arrière-plan. La première valeur définit la largeur et la deuxième valeur définit la hauteur. Si une seule valeur est donnée, la seconde est réglée sur auto (automatique)

• pourcentage calculera le pourcentage de la zone de positionnement par rapport à l'arrière-plan. La première valeur définit la largeur et la deuxième valeur définit la hauteur. Si une seule valeur est donnée, la seconde est définie sur "auto"

• couverture qui maintiendra le rapport hauteur/largeur de l'image et redimensionnera l'image pour couvrir complètement le positionnement de l'arrière-plan. Le minimum taille de la région.

• contain conservera les proportions de l'image et redimensionnera l'image à la taille maximale qui tiendra dans la zone de positionnement d'arrière-plan.

Exemple :

Contrôler la taille de l'image d'arrière-plan

div
{
    background:url(img_flwr.gif);    
    background-size:80px 60px;    
    background-repeat:no-repeat;
}

Recommandations associées : Tutoriel 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!