Dieser Artikel verwendet HTML-Code und CSS-Stilcode, um Ihnen zu zeigen, wie Sie die Hintergrundfarbe von HTML festlegen. Außerdem gibt es später eine Einführung zum Festlegen des Hintergrundbilds. Ich hoffe, es hilft allen. Schauen wir uns jetzt diesen Artikel an
Werfen wir zunächst einen Blick auf das Festlegen der Hintergrundfarbe in HTML:
Stellen Sie zunächst eine Hintergrundfarbe im Body-Tag ein und sehen Sie sich den Effekt an:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body bgcolor="black"> 这是PHP中文网 </body> </html>
Stellen Sie die Hintergrundfarbe auf Schwarz ein Browser?
Ja, das ist der Effekt. Sie können nichts sehen, ob wir die Schriftart auf eine Farbe einstellen können und ob sie angezeigt werden kann :
<body bgcolor="black"> <p>这是<font color="#E41316">PHP中文网</font></p> </body>
Jetzt schauen wir uns den Effekt an:
Ist es offensichtlich, dass das Hinzufügen einer Farbe zur Schriftart den Text anzeigen kann, aber es gibt sie noch zwei Wörter, die nicht hinzugefügt wurden? Farbe, daher kann es immer noch nicht angezeigt werden.
Jetzt schauen wir uns an, wie man einen Texthintergrund erstellt:
<body bgcolor="black"> <p style="background-color: #E12125">这是PHP中文网</p> </body>
Der Schriftart-Tag funktioniert derzeit nicht mehr, daher verwenden wir zum Ändern entschieden CSS-Stile Das Hintergrundfarbe, wie Sie sehen können, ist dies ein einfacher CSS-Stil, der nur eine Hintergrundfarbe festlegt.
Sehen wir uns den im Browser angezeigten Effekt an:
Aufgrund des p-Tags der Hintergrund Es nimmt die gesamte Reihe ein. Auf diese Weise sieht der Effekt offensichtlicher aus, deshalb werde ich Ihnen die Methode nicht beibringen. Wenn wir nicht so viel Hintergrund verwenden können, können wir ein div-Tag um das p-Tag hinzufügen und die Breite festlegen. ist die Breite des Textes, sodass der Texthintergrund nicht in einer Zeile angezeigt wird. Dies ist auch eine der häufig verwendeten Methoden.
Natürlich können Sie auch Bilder als Hintergrundbilder verwenden:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body style="background-image: url(https://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg)"> <p>这是PHP中文网</p> </body> </html>
Dies ist ein aus dem Internet kopiertes Bild Der Effekt ist immer noch sehr gut. Schauen wir uns jetzt natürlich das Beispiel an:
Dies wird als Hintergrund für die gesamte Webseite verwendet. Wir können gut aussehende Bilder von anderen Orten finden, die zur Verwendung als Hintergrundbilder geeignet sind. Wir können mit der rechten Maustaste auf das Bild klicken, die Bildadresse kopieren auswählen und es dieser URL hinzufügen. Dies ist auch sehr einfach. Sie können unten mehr üben, um zu sehen, ob der Effekt derselbe ist wie bei mir.
Dieser Artikel über das Festlegen der Hintergrundfarbe in HTML endet hier. Wenn Sie mehr erfahren möchten, besuchen Sie die PHP-Website für Chinesisch und erfahren Sie in der Spalte HTML-Lernhandbuch. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen.
【Empfehlung des Herausgebers】
Wie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen
Wie verwende ich das große Tag in HTML? Verwendungsbeispiele für HTML-Big-Tags
Das obige ist der detaillierte Inhalt vonWie stelle ich die Hintergrundfarbe in HTML ein? Detaillierte Analyse des HTML-Hintergrundfarbcodes. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
