0 10958

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.

Author: Andreas Lang

Sphinx-Flashdesign.de

Andreas Lang konzentriert sich seit zwei Jahrzehnten auf die Webentwicklung und Webdesign mit dem Schwerpunkt PHP, Laravel und Javascript und betreut seine Kunden mit Herz und Seele in allen Bereichen von Entwicklung, Design, Suchmaschinenoptimierung, IT-Recht, IT-Sicherheit etc.