Javascript-Hintergrundfarbe

| | | | | | | | | | | | | | | | | | | | | |

CSS kann selbst für erfahrene Entwickler einschüchternd sein - es gibt so viele Möglichkeiten! Aber in diesem Artikel werden wir sehen, wie man die Hintergrundfarbe im HTML-Dokument ändert, ohne ein separates Cascading Stylesheet zu erstellen.

Wenn Sie HTML5 verwenden, können Sie eine Hintergrundfarbe mit dem style-Attribut hinzufügen und die `background-color`-Eigenschaft. Sie können dieses Attribut für das von Ihnen bevorzugte Element implementieren; Um jedoch die Hintergrundfarbe für die gesamte Seite festzulegen, muss sich das style-Attribut im body-Tag befinden. Ihr HTML-Code könnte so aussehen:

Dieser Code gibt uns eine HTML-Seite mit einem orangefarbenen Hintergrund.

Zusätzliche Web-Farbschemata implementieren

Ricardo Gomez Angelo PRZVCSTqje4 Unsplash  Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
Verschiedene Farbsysteme können verwendet werden, um die Hintergrundfarbe zu ändern

Wenn Sie Ihre Farbe in HTML auswählen, akzeptiert das Attribut style Hex-Codes, HTML-Farbe Namen, RGB (A)-Farbwerte und HSL-Farbwerte. Im Fall von RGB-Farben und HSL-Farben müssen die Farbsysteme in der Deklaration der Hintergrundfarbe enthalten sein.

Im Folgenden finden Sie einige Formatierungen Beispiele für jedes Farbsystem:

Hexadezimalcode

HTML-Farbname

RGB-Farbwerte ​​

RGBA-Farbwerte ​​

HSL-Farbwerte ​​

HSLA-Farbwerte ​​

Eine Sache müssen Sie sicher sein. Wenn Sie diese Methode verwenden, um die Hintergrundfarbe festzulegen, aber später eine externe CSS-Datei schreiben, achten Sie darauf, den Stil zu entfernen Attribut und Eigenschaft Hintergrundfarbe aus Ihrem HTML, um jegliche Art von Überschreiben zu verhindern. `other / p>

Fazit

In diesem Artikel haben wir erklärt, wie Sie die Hintergrundfarbe mit HTML ändern können. Wenn Sie neu in HTML sind, sehen Sie sich hier unseren Leitfaden an: Learn HTML: A Guide to Learning Hypertext Markup Language oder lesen Sie unseren Artikel Wie lange dauert es html zu lernen ?