Maison > Article > interface Web > Comment définir la position de l'image d'arrière-plan en HTML
Comment définir la position de l'image d'arrière-plan en HTML
- 王林original
- 2021-06-17 14:56:3513460parcourir
La façon de définir la position de l'image d'arrière-plan HTML consiste à ajouter l'attribut background-position à l'image d'arrière-plan et à modifier la valeur d'attribut appropriée, telle que [background-position:center;].
L'environnement d'exploitation de cet article : système Windows10, HTML 5, ordinateur Thinkpad T480.
Si nous voulons déplacer la position de l'image d'arrière-plan dans le code html, nous pouvons en fait utiliser l'attribut background-position. De nombreux étudiants ne connaissent peut-être pas encore cet attribut. Présentons cet attribut ci-dessous.
L'attribut background-position est utilisé pour définir la position de départ de l'image d'arrière-plan.
Ses valeurs d'attribut communes sont les suivantes :
haut gauche
-
centre gauche
en bas à gauche
en haut à droite
Exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
</style>
</head>
<body>
<p><b>注意：</b>该属性工作在 Firefox 和 Opera, background-attachment 属性会被设置为 "fixed"。</p>
</body>
</html>Vous pouvez modifier ce qui précède Copiez le code localement et exécutez-le pour voir l'effet.
Partage de vidéos 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!