How do I configure a background image for a webpage using CSS?

Answer 1

There are a couple of ways to accomplish this: Inline CSS: <span style="background-color: #FF0000;">Blah</span> Or via a CSS Style: <style type="text/css"> .styleName {

background-color: #FF0000;

}

</style>

<span class="styleName">Blah</span>

Answer 2

In HTML 4, XHTML 1.0, or HTML 5 use CSS to add the image

body { background: url("images/image_name.gif") 50% 50% no-repeat; }

or

body { background-image: url("images/image_name.gif"); background-position: 50% 50%; background-repeat: no-repeat; }

In HTML versions prior to 4, use the BODY tag's background attribute.

Answer 3

You can put a background on a number of HTML elements through CSS. You have the choice of either putting a color or an image, even an animated .gif file.

Mainly for the entire page you would write this:

body{

background-color:#000000;

}

or

body{

background-image: url(/yourImageFolder/bgImage.jpg);

}

Answer 4

In the HEAD section of the document, put in style tags. Then create a rule using the tag "Body"

<style type="text/css">

body {}

</style>

The rule for adding a background image is "background-image." It normally takes a URL as a parameter, although you can use data: and include the binary directly. It not a good idea unless you absolutely have to, so here I'll use URL.

<style type="text/css">

body { background-image: ulr(/images/ourImage.png); }

</style>

That will add the image to the background. By default, the image will repeat horizontally and vertically, starting from the top left corner of the page.

If for some reason you don't want the image to repeat across the entire page, use the background-repeat property. The possible values are repeat-x (which mean the background will repeat horizontally across the element), repeat-y (the background will repeat vertically for the entire height of the element), no-repeat (the background will not repeat), repeat (which is default) and inherit (meaning, whatever value the element had for this property.

You may also want to look into background-position. This property let's you set where the background is going to start.

Answer 5

There are many places were one can obtain information on how to use CSS to create a background for there website including but not limited to many online sites such as web designing sites, through friends or family, an informative book and anybody who knows any general information on the topic.

Answer 6

Insert this handy snippet into some CSS source code.

body

{

background-image: url('image.jpg');

}

Answer 7

The HTML Body tag has an attribute called bgcolor. you can set it to change the background color of your page

Answer 8

In your CSS file or in your style tags, writing this:

body

{background-color: (your hex code here, eg. #FFFFFF);}

Gives you a background color.

Answer 9

Yes. in your body tag, put in style="background-color:[background color];".