Die automatische Hintergrundfarben für HTML zurücksetzen

Beim Entwerfen und testen das Layout einer Webseite, können Sie Gelegenheiten auftreten, in dem Sie die Hintergrundfarbe eines Containers auf die Standard-Hintergrundfarbe des Dokuments zurücksetzen möchten. Dies ist besonders häufig, wenn Sie mehrere Ebenen von Containern in einander geschachtelt haben. Glücklicherweise durch die Hintergrundfarbe HTML Style-Eigenschaft ist zurücksetzen die Hintergrundfarbe eines Containers eine relativ einfache Aufgabe.

Anweisungen

1 Öffnen Sie in Ihrem bevorzugten Text-Editor das HTML-Dokument mit dem Container dessen Hintergrundfarbe, die Sie zurücksetzen möchten.

2 Erstellen Sie eine neue Stilklasse mit dem hexadezimalen Wert der gewünschten Hintergrundfarbe innerhalb der < Head >-Tags des Dokuments im folgenden Format:

< Typ style = "Text/Css" >

.defaultbackground {Hintergrundfarbe: #FF0000}

< / style >

Ersetzen Sie Ihre bevorzugte Farbe und den Namen im Code oben.

3 Fügen Sie den folgenden Code, um das < Body >-Tag des Dokuments.

Klasse = "Defaultbackground"

4 Fügen Sie den folgenden Code zum Tag des Containers, die Sie zurücksetzen möchten.

Klasse = "Defaultbackground"

5 Speichern Sie und veröffentlichen Sie Ihr HTML-Dokument. Ihr Container wird nun auf die Standard-Hintergrundfarbe des Dokuments zurückgesetzt, egal was die Hintergrund Farbe des übergeordneten Containers passiert sein.