Stationary Background Image

 

Stationary Background Image

If you’d like to display a stationary image behind your text, you can do so by adding attributes to your HTML body tag.

Stationary background images remain in one place even when scrolling through the page. Only the text will move. To create this effect, place the code below within your <body> tag.

 

<body background ="yourimage.gif" bgproperties="fixed">

When selecting your background image, keep in mind that your text will be moving over your image, so try to select an image that won’t make your text difficult to read. To prevent your background image from tiling (repeating), place the following code between your <head> and </head> tags.

<style type="text/css">
<!–
body { background-image: url(yourimage.jpg) }
body { background-repeat: no-repeat }
body { background-position: center }
–>
</style>

Using a stationary image background provides a great way to enhance your page.

For additional information on HTML codes, visit the HTML Tutorial section.

This concludes the Stationary Background Image code.

 

 

 
Visit the following pages for a wealth of copy and paste codes and tips:

HTML Tips
Copy and paste special effect HTML codes for your web page.

HTML Codes
An HTML codes chart you can use to copy and paste codes into your web page.

HTML Color Codes
An HTML color codes chart you can use to copy and paste color codes into your web page.

JavaScript Codes
Copy and paste special effect JavaScript codes for your web page.

Web Design Tips
Tips, tricks, and special effect codes for your web page.

HTML Tags
A list of HTML tags.

HTML 5 Tags
A list of the latest HTML tags to be developed.

ASCII Codes
Special text characters and code for your web page.