Comment définir l'image d'arrière-plan avec CSS : créez d'abord un exemple de fichier HTML ; puis créez un div dans le corps ; enfin définissez-le via "background-image: url("images/22.jpg") ;" attribut Juste une image d'arrière-plan.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.
CSS peut définir l'image d'arrière-plan via l'attribut background-image. L'attribut background-image est utilisé pour définir l'image d'arrière-plan d'un élément. L'arrière-plan d'un élément
correspond à la taille totale de l'élément, y compris le remplissage et les bordures (mais pas les marges). Par défaut, l'image d'arrière-plan est placée dans le coin supérieur gauche de l'élément et se répète verticalement et horizontalement.
Syntaxe css :
background-image:url|none|inherit
valeur de l'attribut background-image :
url URL de l'image
aucun Aucun fond d'image ne sera affiché. Il s'agit de la valeur par défaut
inherit spécifie que l'image d'arrière-plan doit être héritée de l'élément parent
[Apprentissage recommandé : Tutoriel vidéo CSS]
Exemple :
<!DOCTYPE html> <html> <head> <style> div{ width:450px; height: 300px; background-image: url("images/22.jpg"); } </style> </head> <body> <div></div> </body> </html>
Rendu :
valeur de l'attribut background :
background-color spécifie la couleur d'arrière-plan à utiliser
background-position spécifie la position de l'image d'arrière-plan
background-size spécifie la taille de l'image d'arrière-plan
background-repeat spécifie comment répéter l'image d'arrière-plan
background -origin spécifie la zone de positionnement de l'image d'arrière-plan
background-clip spécifie la zone de dessin de l'image d'arrière-plan
background-attachment définit si l'image d'arrière-plan est fixe ou défile avec le reste de la page
background-image spécifie une ou plusieurs images d'arrière-plan à utiliser
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!