CSS – Tutorial – die Hintergrundfarbe per CSS ändern

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.

Share and Enjoy: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • Y!GG
  • Webnews
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Alltagz
  • Ask
  • BlinkList
  • Bloglines
  • blogmarks
  • Facebook
  • Furl
  • Google Bookmarks
  • Infopirat
  • Linkarena
  • Live-MSN
  • MySpace
  • Newstube
  • SEOigg
  • Tausendreporter
  • Technorati
  • TwitThis
  • Weblinkr
  • Wikio DE
  • YahooMyWeb
  • Blogosphere News
  • Linkarchiv

Related posts:

  1. CSS-Tutorial – Wie man per CSS die Schriftgröße ändern kann Heute möchte ich Euch zeigen, wie man per CSS die...
  2. Per CSS Schriftfarben ändern Heute möchte ich Euch zeigen, wie man per CSS die...
  3. CSS Tutorial mit Video – Hintergrund für Internet Seite erstellen Um einen Hintergrund für eine Webseite zu erstellen kann man...
  4. Per CSS Schriftarten ändern In diesem möchte ich Euch zeigen, wie man per CSS...
  5. Container mit CSS positionieren Es gibt zwei Möglichkeiten, zu positionieren: absolut und relativ. Positioniert...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>