So erstellen Sie einen Webseitenhintergrund in HTML-HTML-Tutorial-php.cn

So erstellen Sie einen Webseitenhintergrund in HTML

下次还敢

Freigeben： 2024-04-05 11:51:17

Original

1311 Leute haben es durchsucht

Es gibt 6 Möglichkeiten, den Hintergrund einer Webseite festzulegen: ② Hintergrundwiederholung; ⑤ Hintergrundgröße;

So erstellen Sie einen Webseitenhintergrund in HTML

Legen Sie den Webseitenhintergrund in HTML fest

Sie können den Webseitenhintergrund in HTML mit den folgenden Methoden festlegen:

1. Hintergrundfarbe

Verwenden Sie hintergrundfarbe Eigenschaft legt eine einheitliche Hintergrundfarbe fest. <code>background-color 属性设置均匀背景色。

语法：

<code class="html"><body style="background-color: #cccccc;"></code>

Nach dem Login kopieren

2. 背景图像（background-image）

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

语法：

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

Nach dem Login kopieren

3. 背景重复（background-repeat）

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

语法：

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

Nach dem Login kopieren

4. 背景位置（background-position）

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

语法：

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

Nach dem Login kopieren

5. 背景大小（background-size）

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

语法：

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

Nach dem Login kopieren

6. 背景附件（background-attachment）

使用 background-attachment

Syntax:

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

Nach dem Login kopieren

🎜2. Hintergrundbild 🎜🎜🎜Verwenden Sie das Attribut background-image, um das Hintergrundbild festzulegen. 🎜🎜🎜Syntax: 🎜🎜rrreee🎜🎜3. Hintergrundwiederholung🎜🎜🎜Verwenden Sie das Attribut background-repeat, um zu steuern, wie sich das Hintergrundbild wiederholt. 🎜🎜🎜Syntax: 🎜🎜rrreee🎜🎜4. Hintergrundposition 🎜🎜🎜Verwenden Sie das Attribut background-position, um die Position des Hintergrundbilds zu steuern. 🎜🎜🎜Syntax: 🎜🎜rrreee🎜🎜5. Hintergrundgröße (background-size)🎜🎜🎜Verwenden Sie das Attribut background-size, um die Größe des Hintergrundbilds zu steuern. 🎜🎜🎜Syntax: 🎜🎜rrreee🎜🎜6. Hintergrundanhang 🎜🎜🎜Verwenden Sie das Attribut hintergrundanhang, um zu steuern, ob das Hintergrundbild beim Scrollen der Seite gescrollt wird. 🎜🎜🎜 Grammatik: 🎜🎜rrreee

Das obige ist der detaillierte Inhalt vonSo erstellen Sie einen Webseitenhintergrund in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!