Backgrounds
Here we use the following images as backgrounds in div
elements.
wood.jpg | marble.jpg | water.jpg |
<div class="wood">Wood
<div class="marble">Marble
<div class="water">Water
</div>
</div>
</div>
In style
element
(<style>
) 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;
}