BTK-FH Logo

Theorie

Images, Borders and Backgrounds

Here’s the demo from class today:

<html>
 <head>
 <title>images!</title>
 <style type="text/css">
   body {
     background-color: #888888;
   }
   img {
     margin-left: 10px;
     margin-top: 10px;
     border: 3px solid black;
     width: 200px;
   }
   div {
     background-image: url('crap.gif');
     width: 100px;
     height: 60px;
   }
 </style>
 </head>
 <body>
   <img src="crap.gif" alt="crappy image" title="Sorry for the lousy image!" />
   <img src="http://www.btk-fh.de/themes/btk-fh/images/btk_logo.png" alt="logo" />
   <div>Hello background image!</div>
 </body>

</html>

speak up

Add your comment below, or trackback from your own site.

Subscribe to these comments.

Be nice. Keep it clean. Stay on topic. No spam.

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>

*Required Fields