Javascript Textfarbe Ändern

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

Die CSS-Eigenschaft background-color wendet Farbe auf ein Textelement an. Sie können ein integriertes CSS-Farbschlüsselwort, einen Hexadezimalwert oder einen beliebigen anderen Farbwert mit der Eigenschaft „Hintergrundfarbe“ angeben. Die Syntax für diese Eigenschaft lautet: color: yourcolor;

Das Anpassen der Farbe der Farbe und des Hintergrunds von Text auf einer Website ist ein wesentlicher Bestandteil des Webdesigns

. Hier kommen die CSS-Farbeigenschaften und die Hintergrundfarbe ins Spiel. Mit der color-Eigenschaft können Sie die Farbe des HTML-Textes festlegen. Mit der Eigenschaft background-color können Sie die Hintergrundfarben des Textes definieren.

In diesem Tutorial wird anhand von Beispielen erläutert, wie Sie die Textfarbe in CSS festlegen. Als Nächstes sprechen wir darüber, wie die Hintergrundfarbe eines Textelements festgelegt wird.

CSS-Schriftfarbe

Die Farbe der CSS-Schrift wird mithilfe der Eigenschaft color festgelegt. Die color-Eigenschaft legt die Farbe des Textes fest, nicht die des Hintergrunds des Elements. . Sie können CSS-Farbschlüsselwörter oder Farbwerte als Hex-Strings verwenden, um eine Farbe zu definieren.

Die Syntax für die Farbeigenschaft lautet:

Diese Regel setzt die Farbe aller

Tags in einem HTML-Dokument auf Rot.

Wir haben ein CSS-Farbschlüsselwort verwendet. Diese Schlüsselwörter sind nützlich, wenn Sie sich auf eine Standardfarbe wie „rot“ oder „blau“ beziehen möchten. Aber diese Stichworte beschreiben nicht alle Farben des Spektrums. Wenn Sie eine bestimmte Farbe verwenden möchten, können Sie eine andere Art von Farbkennzeichnung verwenden

Die Farbeigenschaft akzeptiert jeden der folgenden Werte:

Wert Beschreibung Beispiele
Name der Farbe Ein Name der Farbe Blau, Pink
Farbe Hex hexadezimale Farbe. Bezeichner sind sechs Zeichen lang. # f7f7f7, # 0000ff
RGB-Farbe RGB steht für Rot, Grün und Blau. rgb (0, 50, 28), rgb (0, 0, 255)
HSL-Farbe HSL bedeutet Farbton, Sättigung und Helligkeit. HSL (0, 50 %, 50 %), hsl (180, 50 %, 25 %)

Standardmäßig wird die Textfarbe von verwendet eine Webseite ist die Farbe des Textes, der für das -Tag auf einer Webseite gilt. bis weniger als angegeben, ist es schwarz.

Sie können die Farbe verwenden -Eigenschaft zum Festlegen von Linkfarben in Ihrem Stylesheet

Nehmen wir ein Beispiel, um zu demonstrieren, wie die Eigenschaft color funktioniert

CSS-Schriftfarbe ändern: .. ein Beispiel

Angenommen Sie entwerfen eine Website für ein lokales Lebensmittelgeschäft, Peterson and Sons. Die Eigentümer möchten, dass die Website einen bestimmten Textblock in grauer Schrift anzeigt. Wir können ihn mit dem folgenden Code konfigurieren:

Unser Code gibt zurück: Klick Bild der Schaltfläche im Code-Editor oben, um die Ausgabe unseres HTML-/CSS-Codes zu sehen

Entweder durch die Verwendung eines

HTML-Tag , um einen Textabschnitt zu definieren, der das Lebensmittelgeschäft Peterson and Sons beschreibt. Als Nächstes erstellen wir in unserem CSS-Code einen Stil, der die Textfarbe aller

-Tags auf Grau setzt. Dazu verwenden wir einen Wert für den Namen der Farbe ("grau").

könnten "rgb (128, 128, 128)" anstelle von "grau" angeben, wenn wir darauf verweisen wollten ein RGB-Farbwert. Andernfalls hätten wir die Textfarbe mit einem Hex- oder HSL-Wert auf Grau setzen können.

Wir verwenden keine CSS-Datei für unsere Stile. Unsere CSS-Stile sind in unserem HTML-Dokument in einem