Background images and colour

Retire at 21 · 12-10-2006, 12:34 PM

Welcome, today we will be adding background images and tutorials.

Code:

body{
background-image:
url('picture.png')
}

This sets the background image, its pretty straight forward and theres not much to explain.

Now for setting a background color

Code:

<style type=text/css>
body{
background-color:black;
}
</style>

This outputs the background color as black.

To repeat a background image use

Code:

<style type='text/css'>
body
{
background-image:
url('picture.png');
background-repeat: repeat
}
</style>

Register @ Retire at 21 If you like this tutorial

craig · 02-02-2007, 08:48 AM

Hope you dont mind if i add something:

background-repeat: repeat-x;

this makes the background repeat only horizontal across the screen.

background-repeat: repeat-y;

this makes the background repeat down the screen.

12-10-2006, 12:34 PM	#1 (permalink)
Retire at 21 Status: Junior Member Join Date: Dec 2006 Posts: 25 Trader Rating: (0) TD$: 0.00 Donate	Background images and colour Welcome, today we will be adding background images and tutorials. Code: body{ background-image: url('picture.png') } This sets the background image, its pretty straight forward and theres not much to explain. Now for setting a background color Code: <style type=text/css> body{ background-color:black; } </style> This outputs the background color as black. To repeat a background image use Code: <style type='text/css'> body { background-image: url('picture.png'); background-repeat: repeat } </style> Register @ Retire at 21 If you like this tutorial

02-02-2007, 08:48 AM	#2 (permalink)
craig Status: Junior Member Join Date: Feb 2007 Posts: 13 Trader Rating: (0) TD$: 0.00 Donate	Re: Background images and colour Hope you dont mind if i add something: background-repeat: repeat-x; this makes the background repeat only horizontal across the screen. background-repeat: repeat-y; this makes the background repeat down the screen.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode