Backgrounds

Here we use the following images as backgrounds in div elements.

wood.jpg
wood
marble.jpg
marble
water.jpg
water
Example 4.23 - background images - Example 4.23 (Without Styles) |
<div class="wood">Wood<div class="marble">Marble<div class="water">Water</div></div></div>

In style element (<style type="text/css">) within head element:

body { 
  font-size: 18pt; 
  font-weight: bold; 
  color: white;
}
div.wood {
  padding: 1em;
  background-image: url('images/wood.jpg');
}
div.marble {
  background-image: url('images/marble.jpg');
  padding: 1em;
}
div.water {
  background-image: url('images/water.jpg');
  padding: 1em;
}
 

backgrounds

Copyright © David Heitmeyer