How to Change Background Colors and Images in CSS?

[Zavier]

Sponsored Links

Hello friends,
I have recently started with the CSS. So I am not having any knowledge about it.!! So I need your help immediately. I don't know how to make changes related to the background. I have done that but in other programming languages. So please tell me how to Change Background Colors and Images in CSS? Detailed information about the same would be appreciable. !!

[Warner]

The background-color property specifies the background color of an element. The background color of a page is defined in the body selector :

body {background-color:#b0c4de;}

The first property is the color property. 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.

[Allan.d]

The following example can be used for the background color :

body {
background-color: #00FFFF
background-image: url (location of the image);
}

h1 {
color: #FF0000;
background-color: #000000;
}

[Zecho]

Here is the code if you want to avoid a repetition of an image :

body {
background-color: #FFCC00;
background-image: url("FILE or url NAME");
background-repeat: no-repeat;
}

h1 {
color: #990000;
background-color: #FC9804;
}

[Solitario]

The background-image property specifies an image to use as the background of an element. By default, the image is repeated so it covers the entire element. The background image for a page can be set like this :

body {background-image:url('paper.gif');}

Below is an example of a bad combination of text and background image. The text is almost not readable :

body {background-image:url('bgdesert.jpg');}