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
- 藏色散人original
- 2021-04-02 10:07:5164900parcourir
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.
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
Exemple :
Ici, je mets les fichiers au format html et les fichiers image au format jpg sur le bureau 
<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>Exécuter la démonstration des résultats : 
Explication du code :
background=".../...jpg'"
La valeur entre guillemets doubles est le chemin pour stocker l'image
background-repeat:no-repeat;
paramètres L'image ne s'affiche pas à plusieurs reprises
background-attachment:fixed;
Définissez la position de l'image à fixer
background-size:100% 100%;
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!