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.