So legen Sie den Hintergrund für HTML fest-HTML-Tutorial-php.cn

So legen Sie den Hintergrund für HTML fest

青灯夜游

Freigeben： 2023-01-07 11:41:35

Original

62589 Leute haben es durchsucht

So legen Sie den Hintergrund in HTML fest: 1. Verwenden Sie das Attribut „bgcolor“ des Body-Tags, um die Hintergrundfarbe festzulegen. 2. Verwenden Sie das Attribut „background“ des Body-Tags, um das Hintergrundbild festzulegen Body-Tag und fügen Sie „Hintergrund: Farbwert/URL (‚Bildpfad‘)“ hinzu.

So legen Sie den Hintergrund für HTML fest

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

HTML-Hintergrund festlegen

1. Das bgcolor-Attribut des Body-Tags

bgcolor-Attribut gibt die Hintergrundfarbe des Dokuments an.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body bgcolor="#E6E6FA">
<h1>Hello world!</h1>
</body>
</html>

Nach dem Login kopieren

Rendering:

So legen Sie den Hintergrund für HTML fest

Hinweis: Wenn Sie Farbnamen verwenden, sind die Rendering-Strukturen verschiedener Browser unterschiedlich. Wenn Sie RGB-Codes verwenden, kann Firefox nicht die richtige Farbe anzeigen.

Tipp: Wenn alle Browser die gleiche Farbe anzeigen möchten, verwenden Sie hexadezimale Farbcodes.

2. Das Hintergrundattribut des Body-Tags

Das Hintergrundattribut gibt das Hintergrundbild des Dokuments an.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body background="demo/img/1.jpg">
</body>
</html>

Nach dem Login kopieren

Rendering:

So legen Sie den Hintergrund für HTML fest

3. CSS-Hintergrundattribut

Das Hintergrundattribut ist ein Kurzattribut, mit dem alle Hintergrundattribute in einer Anweisung festgelegt werden können.

Die einstellbaren Attribute sind:

Hintergrundfarbe
Hintergrundposition
Hintergrundgröße
Hintergrundwiederholung
Hintergrundursprung
Hintergrund - Clip
Hintergrundanhang
Hintergrundbild

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
body
{ 
background: pink url(&#39;smiley.gif&#39;) no-repeat fixed center; 
}
</style>
</head>

<body>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
<p>This is some text</p>
</body>

</html>

Nach dem Login kopieren

Rendering:

So legen Sie den Hintergrund für HTML fest

Empfohlenes Tutorial: „HTML-Video-Tutorial "

Das obige ist der detaillierte Inhalt vonSo legen Sie den Hintergrund für HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!