<head>

<style type="text/css">
body
{
background-image:url('yourimg.png');
background-repeat:no-repeat;
background-position:right top;
margin-right:200px;
}
</style>

</head>

<body>
<h1>Hello World!</h1>
<p>background no-repeat, set postion example.</p>
<p>Now the background image is only shown once, and positioned away from the text.</p>

</body>

</html>

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
background-image:url('gradient2.png');
background-repeat:repeat-x;
}
</style>
</head>

<body>
<h1>Hello viewer!</h1>
</body>

</html>

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {background-image:url('paper.gif');}
</style>
</head>

<body>
<h1>Hello viewer!</h1>
</body>

</html>

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1
{
background-color:#6495ed;
}
p
{
background-color:#e0ffff;
}
div
{
background-color:#b0c4de;
}
</style>
</head>

<body>

<h1>CSS background-color example!</h1>
<div>
This is a text inside a div element.
<p>This paragraph has its own background color.</p>
We are still in the div element.
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
background-color:#b0c4de;
}
</style>
</head>

<body>

<h1>My CSS design!</h1>
<p>Hello world! This is a my site.com example.</p>

</body>
</html>