So fügen Sie eine Hintergrundfarbe in HTML hinzu und ändern sie

Es gibt viele Gründe, warum Sie die Hintergrundfarbe einer Webseite oder eines HTML-Dokuments ändern möchten. Manchmal möchten Sie vielleicht die Hintergrundfarbe einer Seite ändern, um sie ansprechender zu gestalten, oder vielleicht möchten Sie Ihrer Seite einen Farbverlauf oder ein Muster hinzufügen. In diesem Tutorial zeigen wir Ihnen, wie Sie die Hintergrundfarbe einer Webseite mit CSS ändern.

CSS ist eine der leistungsstärksten Methoden, um Ihren Webseiten Stil zu verleihen. Sie können CSS verwenden, um Ihre Seiten schön und professionell aussehen zu lassen. Zunächst müssen Sie ein wenig darüber lernen, wie Sie Stile zu HTML-Dokumenten hinzufügen. Anschließend können Sie diese Stile auf von Ihnen erstellte Webseiten anwenden. Das HTML-Tag verfügt über ein style-Attribut, mit dem Sie die gewünschten Eigenschaften und Farben für Ihre Seite angeben können. Es gibt viele verschiedene Arten von Eigenschaften, die Sie angeben können. Sie können beispielsweise Schriftart, Größe, Farbe, Hintergrundfarbe und andere Eigenschaften angeben. Sie können auch die Reihenfolge angeben, in der die Stilattribute angezeigt werden. Sie können einer Seite mehrere Stil-Tags hinzufügen. Das bedeutet, dass Sie einen Stil für eine bestimmte Eigenschaft und einen anderen Stil für eine andere Eigenschaft verwenden können. Beispielsweise könnten Sie eine Hintergrundfarbe und eine Rahmenfarbe haben. Sie können eine Hintergrundfarbe auf a anwenden

-Tag (d. h. ein HTML-Tag, das einen Inhalt in eine Box einschließt), a

-Tag (d. h. ein Absatz) oder a

Schild. Sie können auch Stile zu einzelnen Wörtern oder Zeichen hinzufügen. Sie können einen einfachen Stil erstellen, der für ein einzelnes Wort gilt. Oder Sie können einen komplexen Stil erstellen, der für einen ganzen Absatz gilt.

Es gibt drei Möglichkeiten, wie Sie einer Webseite oder einem HTML-Dokument Farbe hinzufügen können. Sie können CSS verwenden, um Hintergrundfarben hinzuzufügen, Sie können HTML verwenden, um Hintergrundfarben hinzuzufügen, oder Sie können HTML verwenden, um Bilder hinzuzufügen, die als Hintergrund dienen. Schauen wir uns alle drei Optionen an.

Die erste Option ist die Verwendung von CSS. Der beste Weg, einer Webseite mithilfe von CSS Farben hinzuzufügen, besteht darin, die background-Eigenschaft zum style-Tag der Seite hinzuzufügen. Wenn Sie beispielsweise die Hintergrundfarbe einer Webseite in Rot ändern möchten, schreiben Sie den folgenden Code:

Sie werden feststellen, dass wir keine URL einfügen mussten, da CSS über ein eigenes Protokoll verfügt. Wenn Sie das nächste Mal einen Webbrowser öffnen, sehen Sie, dass sich die Hintergrundfarbe in Rot geändert hat.

Wenn Sie die Hintergrundfarbe einer Webseite in eine bestimmte Farbe ändern möchten, können Sie einen RGB-Wert verwenden. Wenn Sie beispielsweise die Hintergrundfarbe in Grün ändern möchten, können Sie Folgendes eingeben:

Wieder sehen Sie, dass der Hintergrund grün geändert wurde. Wenn Sie jedoch die Hintergrundfarbe in einen Farbverlauf ändern möchten, haben Sie zwei Möglichkeiten. Die erste besteht darin, die Eigenschaft des linearen Gradienten zu verwenden. Wenn Sie einen linearen Verlauf mit der grünen Farbe verwenden möchten, würden Sie schreiben: