0 10394

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.

No related posts.

Author: Andreas Lang

Sphinx-Flashdesign.de

Andreas Lang hat im Alter von 12 Jahren begonnen, auf einem Atari ST 1040 STFM in Omikron und STOS Basic zu programmieren.
Spiele interessierten ihn nicht so sehr.
Die Welt der Bits und Bytes hat ihn gefangen.
Programmierertechnisch folgten auf dem ersten 486er Turbo Pascal, Visual Basic.
Mit dem ersten Internet Anschluss per 56k Modem folgten HTML, Javascript, CSS und Macromedia Flash. Die Website www.wizzquiz.de wurde geboren.
Eine Flash Online-Gaming Plattform mit Quiz Spielen, Memory, Sokoban etc.
Später entwickelte er Software unter anderem für Continentale und Siemens AG.
Seit zwei Jahrzehnten konzentriert er sich 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.

Weiter