Il existe 6 façons de définir l'arrière-plan d'une page Web en HTML : ① la couleur de l'arrière-plan ; ② la répétition de l'arrière-plan ; ⑤ la taille de l'arrière-plan ;
Définir l'arrière-plan de la page Web en HTML
Vous pouvez définir l'arrière-plan de la page Web en HTML via les méthodes suivantes :
1. Couleur d'arrière-plan
Utilisez background-color La propriété définit une couleur d’arrière-plan uniforme. <code>background-color
属性设置均匀背景色。
语法:
<code class="html"><body style="background-color: #cccccc;"></code>
2. 背景图像(background-image)
使用 background-image
属性设置背景图像。
语法:
<code class="html"><body style="background-image: url('background.jpg');"></code>
3. 背景重复(background-repeat)
使用 background-repeat
属性控制背景图像的重复方式。
语法:
<code class="html"><body style="background-image: url('background.jpg'); background-repeat: repeat;"></code>
4. 背景位置(background-position)
使用 background-position
属性控制背景图像的位置。
语法:
<code class="html"><body style="background-image: url('background.jpg'); background-position: left top;"></code>
5. 背景大小(background-size)
使用 background-size
属性控制背景图像的大小。
语法:
<code class="html"><body style="background-image: url('background.jpg'); background-size: 100% 100%;"></code>
6. 背景附件(background-attachment)
使用 background-attachment
Syntaxe :
<code class="html"><body style="background-image: url('background.jpg'); background-attachment: fixed;"></code>
background-image
pour définir l'image d'arrière-plan. 🎜🎜🎜Syntaxe : 🎜🎜rrreee🎜🎜3. Background-repeat🎜🎜🎜Utilisez l'attribut background-repeat
pour contrôler la façon dont l'image d'arrière-plan se répète. 🎜🎜🎜Syntaxe : 🎜🎜rrreee🎜🎜4. Background-position 🎜🎜🎜Utilisez l'attribut background-position
pour contrôler la position de l'image d'arrière-plan. 🎜🎜🎜Syntaxe : 🎜🎜rrreee🎜🎜5. Taille de l'arrière-plan (background-size)🎜🎜🎜Utilisez l'attribut background-size
pour contrôler la taille de l'image d'arrière-plan. 🎜🎜🎜Syntaxe : 🎜🎜rrreee🎜🎜6. Background-attachment 🎜🎜🎜Utilisez l'attribut background-attachment
pour contrôler si l'image d'arrière-plan défile pendant que la page défile. 🎜🎜🎜 Grammaire : 🎜🎜rrreeeCe 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!