Maison > interface Web > tutoriel HTML > le corps du texte

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

下次还敢
Libérer: 2024-04-05 11:51:17
original
1267 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!

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