So ändern Sie die Hintergrundfarbe in HTML

Hintergrundfarbe des HTML -Dokuments/Elements verbessert die Ästhetik der Webseite. Durch Ändern der Hintergrundfarbe einer HTML -Webseite können Sie eindeutige farbige Layouts erstellen. Durch das Hinzufügen von Hintergrundfarbe zu HTML wird es am meisten hervorgehoben und für die Leser lesbarer.

HTML unterstützt umfassende Unterstützung, um die Elemente zu manipulieren. HTML unterstützt die Unterstützung, um die Hintergrundfarbe gemäß den Anforderungen zu ändern.

Dieser Artikel zielt darauf ab, verschiedene Methoden zu bedienen, um die Hintergrundfarbe in HTML zu ändern. Sie erhalten die folgenden Lernergebnisse:

1. So ändern Sie die Hintergrundfarbe in HTML mit Inline -CSS
2. So ändern Sie die Hintergrundfarbe in HTML mit dem internen CSS
3. So ändern Sie die Hintergrundfarbe in HTML mit dem externen CSS

So ändern Sie die Hintergrundfarbe in HTML

Der Eigenschaft „Hintergrundfarbe“ In HTML ändert sich die Hintergrundfarbe. Die früheren Versionen unterstützten die „BGColor“ -Sachgut das wird nicht mehr von der neuesten Version unterstützt. Der Eigenschaft „Hintergrundfarbe“ kann über folgende Mittel ausgeübt werden:

• Inline CSS: Die CSS -Stile werden im Tag hinzugefügt
• Interne CSS: Die Stile werden im Kopfabschnitt im HTML -Dokument hinzugefügt
• Externes CSS: Eine externe CSS -Datei wird erstellt und mit dem HTML -Dokument verknüpft, um die Änderungen anzuhängen

Alle diese Methoden werden in den kommenden Abschnitten erörtert.

So ändern Sie die Hintergrundfarbe in HTML mit Inline -CSS

Inline CSS wird im Öffnungsetik des Elements des Elements verwendet. Inline CSS beeinflusst nur das Element, in dem es verwendet wird. Wir werden das Hintergrund-Color-Attribut verwenden, um das Farbattribut zu ändern

Code:

Hier verwendeten wir Inline -CSS im Körper Tag, um die Hintergrundfarbe zu erhalten

Wir haben das Style-Attribut im Body-Tag verwendet, die Eigenschaft von Hintergrundfarben hinzugefügt und den Namen von Azure Color Keyword zugewiesen.

Ausgang:

Die Hintergrundfarbe des Body -Tags wird nach Anwendung von Inline -CSS in Azure geändert.

So ändern Sie die Hintergrundfarbe in HTML mit internem CSS

Interne CSS wird verwendet, um ein einzelnes HTML -Dokument im Kopfabschnitt zu stylen. Der gesamte CSS -Code befindet sich im Style -Tag und im Style -Tag im Kopf -Tag.

Code:

Wir haben Inline-CSS verwendet und den Körperabschnitt ausgewählt, um die Eigenschaft „Hintergrundfarbe“ anzuwenden.

Ausgang:

Wie Sie sehen können, wurde die Hintergrundfarbe mit Inline -CSS in Azure geändert.

So ändern Sie die Hintergrundfarbe in HTML mit externen CSS

Externer CSS ist eine separate Datei, die nur CSS -Code enthält. Es ist im Kopfabschnitt einer HTML -Datei mit dem Tag verknüpft. Sie kann verwendet werden, um Änderungen an mehreren Webseiten vorzunehmen. Externe CSS -Dateien müssen mit gespeichert werden .CSS -Erweiterung.

CSS -Code:

Eine CSS -Datei wurde erstellt, die benannt wurde "Stil.CSS ” und der oben genannte Code ist im Inneren geschrieben "Stil.CSS ”.

HTML Quelltext:

Darüber hinaus werden die folgenden Zeilen verwendet, um die CSS -Datei in einem HTML -Dokument zu verknüpfen.

Tag wird verwendet, um die CSS -Datei im Kopfabschnitt zu verknüpfen.

Ausgang:

Es wird beobachtet, dass die Hintergrundfarbe von Standard in Azure geändert wird.

Abschluss

Das Hintergrund-Farben-Attribut verändert die Hintergrundfarbe in HTML. Die Attribut-Hintergrundfarbe wird anhand aller Styling-Methoden angewendet, die inline-, interne und externe CSS sind. Der "Farbname", der "Hexa" -Wert der Farbe oder die "RGB" -Kombination der Eigenschaft "Hintergrundfarbe" können verwendet werden, um eine Vielzahl von Farben anzuwenden.