Maison > interface Web > tutoriel HTML > Quel est le code pour définir l'image d'arrière-plan en HTML

Quel est le code pour définir l'image d'arrière-plan en HTML

醉折花枝作酒筹
Libérer: 2023-01-04 09:34:54
original
48420 Les gens l'ont consulté

Le code pour définir l'image d'arrière-plan en HTML est : "" ; définissez l'image d'arrière-plan de la page Web via l'attribut background. L'attribut peut être dans un élément. Définissez plusieurs images d'arrière-plan et spécifiez leurs positions.

Quel est le code pour définir l'image d'arrière-plan en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML4, ordinateur Dell G3.

L'ajout d'une image d'arrière-plan à une page Web peut améliorer l'affichage de la page Web et obtenir de meilleurs effets visuels. Lorsque vous choisissez une image d'arrière-plan, vous devez non seulement y prêter attention pour qu'elle soit belle, mais également faire attention à ne pas surcharger l'image et à ne pas affecter la lecture du contenu de la page Web. Utilisez généralement une image d’arrière-plan sombre avec du texte clair ou une image d’arrière-plan clair avec du texte sombre. L'attribut background est utilisé pour définir l'image d'arrière-plan de la page Web.

Syntaxe de base :

<body background="图片地址"></body>
Copier après la connexion

La valeur de l'attribut background est le chemin de l'image. Le chemin peut être une adresse relative ou une adresse absolue.

Exemple de code :

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body background="../images/bg.jpg">
</body>
</html>
Copier après la connexion

L'image de fond doit être coordonnée avec la couleur de l'illustration et du texte. Afin de garantir la vitesse à laquelle le navigateur charge les pages Web, essayez de ne pas utiliser d'images trop volumineuses en octets.

Apprentissage recommandé : "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