NOTICE: This website is no longer updated or supported - as such many of the techniques used to build it may seem antiquated in the modern day. It is preserved for historical reasons only.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>CSS Background Attributes Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<style type="text/css">
<!--
body {background-color: green;}
p {background: yellow url(../../images/EX_flag.gif) repeat-y fixed 100px;}
.red {background-color: red;}
-->
</style>

</head>
<body>

<p>This is a paragraph of text. The left side will probably be hard to read because it is on top of an image that repeats along the y-axis. Notice that the area not covered by the background image is filled with the background color. <span class="red">
Backgrounds anywhere!</span> This is more text just to illustrate the idea. This is even more text. This is more text just to illustrate the idea. This is even more text. This is more text just to illustrate the idea. This is even more text. This is more text just to illustrate the idea. This is even more text. This is more text just to illustrate the idea. This is even more text.</p>

</body>
</html>

CLOSE WINDOW | VIEW RENDERED PAGE