0 5427

CSS – Tutorial – die Hintergrundfarbe per CSS ändern

Heute möchte ich Ihnen zeigen, wie Sie per CSS die Hintergrundfarbe ändern können.

Um auf die Hintergrund-Eigenschaften zurückgreifen zu können, müssen wir den background (engl. Hintergrund) eines Elementes ansprechen. In unserem Beispiel nehme ich den Body.

Beispielcode HTML:

<html>
 <head>
  <style type="text/css">
   body {
                 background: #cccccc;
   }
  </style>
 </head>
 <body>
   Diese komplette Seite sollte nun grau sein
 </body>
</html>

Nun sollte der Hintergrund der Seite grau sein.

Man kann auch den Hintergrund eines DIV-Containers ändern:

Beispielcode HTML:

<html>
 <head>
  <style type="text/css">
   #inhalt_div {
                 background: #cccccc;
   }
  </style>
 </head>
 <body>
  <div id="inhalt_div">
     Dieser Div Container sollte nun einen grauen Hintergrund haben.
  </div>
 </body>
</html>

Sie sehen: Es ist ganz einfach per CSS einem Element eine Hintergrundfarbe zuzuweisen.