Comment créer un arrière-plan de page Web en HTML-tutoriel HTML-php.cn

Comment créer un arrière-plan de page Web en HTML

下次还敢

Libérer： 2024-04-05 11:51:17

original

1261 Les gens l'ont consulté

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 ;

Comment créer un arrière-plan de page Web en HTML

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>

Copier après la connexion

2. 背景图像（background-image）

使用 background-image 属性设置背景图像。

语法：

<code class="html"><body style="background-image: url('background.jpg');"></code>

Copier après la connexion

3. 背景重复（background-repeat）

使用 background-repeat 属性控制背景图像的重复方式。

语法：

<code class="html"><body style="background-image: url('background.jpg'); background-repeat: repeat;"></code>

Copier après la connexion

4. 背景位置（background-position）

使用 background-position 属性控制背景图像的位置。

语法：

<code class="html"><body style="background-image: url('background.jpg'); background-position: left top;"></code>

Copier après la connexion

5. 背景大小（background-size）

使用 background-size 属性控制背景图像的大小。

语法：

<code class="html"><body style="background-image: url('background.jpg'); background-size: 100% 100%;"></code>

Copier après la connexion

6. 背景附件（background-attachment）

使用 background-attachment

Syntaxe :

<code class="html"><body style="background-image: url('background.jpg'); background-attachment: fixed;"></code>

Copier après la connexion

🎜2. Image d'arrière-plan 🎜🎜🎜Utilisez l'attribut 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 : 🎜🎜rrreee

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!