Code snippet page

<!-- CSS:Basics plus snippet 7. -->
<!-- Repeating the background image along the x or y axis for effect. -->
<!-- From a set starting position on the page. -->

<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>View snippet page</title>
<style type="text/css">
body {
	background-color: #FFFFFF;
	background-image: url(roll.gif);
	background-repeat:repeat-x;
	/* background starting position from: left, top */
	background-position:0px 100px;
	}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	}
</style>
</head>
<body>

<h1>Background image repeats along the x-axis 100 pixels from the top of the page.</h1>

</body>
</html>