Maison >interface Web >tutoriel HTML >Comment définir la taille de l'image d'arrière-plan HTML

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

coldplay.xixi
coldplay.xixioriginal
2021-03-17 16:37:5464103parcourir

Comment définir la taille de l'image d'arrière-plan HTML : créez d'abord une nouvelle page HTML et définissez l'image d'arrière-plan pour la balise ; puis définissez l'attribut [background-size] pour la balise body ; et la hauteur sur la balise div.

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

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HBuilderX.3.0.5, ordinateur DELL G3.

Comment définir la taille de l'image d'arrière-plan HTML :

1 En fait, la plupart des opérations de l'éditeur HTML sont les mêmes. Aujourd'hui, j'utiliserai d'abord Hbuilder. de tous Créez une nouvelle page HTML, nommée ici "new_file.html".

Comment définir la taille de limage darrière-plan HTML

2. Ensuite, définissez l'image d'arrière-plan de la balise. Ici, je définis la balise

Comment définir la taille de limage darrière-plan HTML

3. Créez ensuite un nouveau fichier CSS, comme indiqué sur l'image, je l'ai nommé "1.css".

Comment définir la taille de limage darrière-plan HTML

4. Définissez ici l'attribut background-size pour la balise body Si votre balise est un div, écrivez div, puis vous pourrez définir la largeur et la hauteur.

Comment définir la taille de limage darrière-plan HTML

5. Comme indiqué sur l'image, écrivez ceci à l'intérieur de new_file.html : <link href="css/1.css" type="text/css" rel="stylesheet"> pour définir la taille de l'image d'arrière-plan.

Comment définir la taille de limage darrière-plan HTML

6. Enfin, prévisualisez-le dans le navigateur. Ce n'est qu'une partie de l'arrière-plan.

Comment définir la taille de limage darrière-plan HTML

Recommandations d'apprentissage associées : Tutoriel vidéo HTML

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!

Déclaration:
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