Wenn du die Hintergrundfarbe in HTML Dokuments ändern möchtest dann gibt es dafür verschiede Möglichkeiten. Heute zeige ich dir wie du es am einfachsten ohne Vorkenntnisse lösen kannst. Lass uns loslegen.

HMTL Hintergrundfarbe mit CSS ändern

Jedes HTML Dokument hat ein sogenanntes <body> tag.

Am einfachsten ist es wenn du diesem Tag eine Farbe mit CSS zuweist wie in diesem Beispiel.

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel deiner Webseite</title>
    <style>
      body {
      background-color: #1c87c9;
      }
    </style>
  </head>
  <body></body>
</html>

In diesem Fall wird der Hintergrund deiner gesamten Webseite in einer Farbe dargestellt. Die Farbe Wird in einem sogenannten Hex Code #1c87c9 angegeben.

Den Hex code kannst du ganz einfach mit diesem Hex Code Color Picker erstellen

HTML: Einen sich ändernden Hintergrund erstellen

Dieser Hintergrund deiner HTML Webseite ändert automatisch den Hintergrund in verschiedene HEX Farben. Probier es doch einfach mal selbst aus.

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Titel deiner Webseite</title>
    <style>
      body {
      -webkit-animation: colorchange 20s infinite; 
      animation: colorchange 20s infinite;
      }
      @-webkit-keyframes colorchange {
      0%  {background: #32a852;}
      25%  {background: #1b5ae3;}
      50%  {background: #32a852;}
      75%  {background: #1b5ae3;}
      100% {background: #32a852;}
      }
      @keyframes colorchange {
      0%  {background: #8ebf42;}
      25%  {background: #1b5ae3;}
      50%  {background: #1c87c9;}
      75%  {background: #1b5ae3;}
      100% {background: #d0e2bc;}
      }   
    </style>
  </head>
  <body>
 
  </body>
</html>

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite