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

Comment définir l'image d'arrière-plan en HTML

藏色散人
Libérer: 2023-01-04 09:34:03
original
64901 Les gens l'ont consulté

Comment définir l'image d'arrière-plan en HTML : créez d'abord un exemple de fichier HTML, puis utilisez l'arrière-plan et le style pour définir l'image d'arrière-plan.

Comment définir l'image d'arrière-plan en HTML

L'environnement d'exploitation de cet article : système Windows7, HTML5&&CSS3 version, ordinateur DELL G3

HTML définir l'image comme fond de page :


Problème :

dans une page HTML Comment définir une image comme fond de page sans utiliser le modèle de boîte CSS ?


Méthode :

Utiliser l'arrière-plan et le style dans pour définir

Exemple :

Ici, je mets les fichiers au format html et les fichiers image au format jpg sur le bureau
Comment définir limage darrière-plan en HTML

<html>
         <head>
	<meta content="text/html" charset="UTF-8">
	<title>HTML设置图片为页面背景</title>
         </head>
         <body background="夕阳余晖.jpg" 
               style="background-repeat:no-repeat               
               background-attachment:fixed;               
               background-size:100% 100%; ">
         </body></html>
Copier après la connexion

Exécuter la démonstration des résultats :
Comment définir limage darrière-plan en HTML


Explication du code :

background=".../...jpg&#39;"
Copier après la connexion

La valeur entre guillemets doubles est le chemin pour stocker l'image

background-repeat:no-repeat;
Copier après la connexion

paramètres L'image ne s'affiche pas à plusieurs reprises

background-attachment:fixed;
Copier après la connexion

Définissez la position de l'image à fixer

background-size:100% 100%;
Copier après la connexion

Réglez l'image pour atteindre 100% de la window

Ce qui précède explique comment définir une image comme arrière-plan de la page sans utiliser le modèle de boîte CSS en HTML

Étude recommandée : "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!

Étiquettes associées:
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