Using the "style attribute" to add background images and color to your web page.
The is a lot to the asthetics in designing a good looking web page.
Having as many tools in your tool box as possible give you more options
to produce just the right effect you are looking for. Here are a few
things that you can do with backgrounds that may come in handy for just
that special place on your page.
Netscape and Internet Explorer both support the style arguement for almost all HTML tags.
In this particular case we will be using it for the paragraph "<p>" tag.
You can place a background image behind your paragraphs and at the same time control
the tiling of the image.
This property accepts one of four keyword values that determine the tiling action for the background
image. The default value,
repeat, repeats the image both horizontally and vertically to
fill the element area. This is the kind of image tiling you are accustomed to seeing in most documents.
This paragraph demonstrates this behavior, repeating my sample background image to fill the entire
To suppress image tiling altogether, use the value
no-repeat. The image will be displayed in
the element's area just once, positioned either in the upper left-hand corner or wherever you indicated using
background-position property. As an example, this paragraph has my background image with
background-repeat property set to
no-repeat. The image should appear just
once in the upper left corner of this paragraph.
To allow only vertical tiling, set the property to
repeat-y. The image will repeat vertically
to fill the element area, but will only be shown once horizontally, regardless of the element width. This
paragraph uses just such a repeat value, and you should see the background image running down the left margin
like a ribbon.
If you can restrict tiling to the vertical axis, you can restrict it to the horizontal one as
repeat-x to repeat the image across the element area without repeating
down. This paragraph should have the image running across the top, with no vertical repeat.
Now that you know that you can throw in some background in to the paragraph tag lets add some more
background options using the <B> bold tag.
The BOLD TAG can have it's own background style to it. In this instance we
are not using an image but rather using the color Yellow.