Free Blog Background
CSS Background-image
Background-image is the property of CSS that inserts a background image.
To add background image, you first have to have an image that you would like to appear on your page. If you have chosen an image from the net, you just have to download it and save it to your computer. You can do this by right clicking on the image. A menu will appear, click on “save image as”. Once you have saved it to your computer, you can then insert the image as your background image for your web page. To do this, place the background image property to the element and include the location of the image.
body {
background-color: #FFFFFF
background-image: url (location of the image);
}h1 {
color: #FF0000;
background-color: #000000;
}
If the image you want to attach is coming from the internet, you just type the full address of the file.
Repeated background image
When you post an image it will automatically be displayed to cover the entire screen. To control this image from appearing in the entire screen, you can use the background repeat property.
- To make the image horizontally repeated, use the “repeat-x” value next to the property background-repeat then separate them with colon.
- To make the image vertically repeated, use the “repeat-y” after the property background-repeat and separate them with colon.
- If you want to make the image horizontally and vertically repeated, just use the “repeat” value after the property background-repeat and separate them with colon.
- If you do not want an image to be repeated, just put the value, “no-repeat” after the property background-repeat and separate them with colon.
Here is the code if you want to avoid a repetition of an image:
body {
background-color: #FFCC66;
background-image: url(“FILE or url NAME”);
background-repeat: no-repeat;
}h1 {
color: #990000;
background-color: #FC9804;
}
.
.
Damask Design
Burning Berlin
December Snow
European Mist
Italian Candy
Lonely Night
Russian Ball
Velvet Love
Download All HereRussian Tiles Design
Come in 2 sizes 150px and 250px.
Blue150
Green150
LiteBlue150
LiteOrang150
Mist150
Orange150
pink150
purple150
Yellow150
Wood Design
bluewood
cornwood
greenwood
grey wood
persimmonwood
pinkwood
semetaiwood
wheatwood
winterwood
Mystical Forest
Arden
Forest
heywood
Kirk
Lockhart
sherwood
Forchtenberg
Blüte
Einfache Sommer
Mein Herz
Morgen Flocke
Morgen Flocke part 2
Scheibe
Memory
Evergreen
Manhattan
Newyork
Scarlet
Patchwork
Goodmorning sunshine
Greenday
Ineedyou
Lovemenot
mybluemoon
Sayhelloforme
Square
square
square1
square2
square4
Secret Garden
SC1
SC2
SC3
SC6
SC8
SC9
Hungary
Barna
gyomber
hinar
kek
nad
narancs
rozsaszin
zold
Polkadot II
Baby Blue
Baby Pink
Baby Yellow
Blue
Green
Lime
Peach
Pink
Purple
Yellow
Polkadot I
Blue Ray
candy stick
cotton wave
desert nite
Nitey Owl
Summer snow
sun set
Stripes I
stripes1
stripes2
stripes3
stripes4
stripes5
stripes6
stripes7
stripes8
stripes9
stripes10
