Harvard Extension School
CSCI E-12 Fundamentals of Web Site Development | Spring 2020

## Backgrounds

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

wood.jpg | marble.jpg | water.jpg

Example 4.23 - background images - Example 4.23 (Without Styles)

- Markup
- Style
- Screenshot

    <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;
    }

Copyright © David Heitmeyer