CSS Background Code Tutorial

You can define the background effects of an HTML element with the use of CSS background properties.
How to set the background color with CSS

The following HTML and CSS code example shows you how to set the background color of an element.

This is a level 1 header

This is a level 2 header

This is a paragraph

The following is a link to the web page that the above HTML and CSS code makes:
how to set the background color with CSS

Try it yourself. Enter the HTML and CSS code into the text box below to set background colors.
Edit the code and Click Here
How to set an image as the background

The HTML and CSS code example below shows you how to set an image as the background.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to repeat a background image

The HTML and CSS code below shows you how to repeat a background image.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to repeat an image vertically only

The HTML and CSS code example below shows you how to repeat a background image vertically only.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to repeat a background image horizontally only

The HTML and CSS code example below shows you how to repeat a background image horizontally only.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to repeat one background image at a time

The HTML and CSS code example below shows you how to display one background image at a time.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to place a background image

To place a background image, the background-position property is used.

The values that can be used for the background-position property are:

* top left
* top center
* top right
* center left
* center center
* center right
* bottom left
* bottom center
* bottom right
* x% y%
* xpos ypos

The HTML and CSS code example below shows you how to place a background image on a web page.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to place a background image using %

The HTML and CSS code example below shows you how to place a background image on a web page using percent.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to place a background image using pixels

The HTML and CSS code example below shows you how to place a background image on a web page using pixels.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
How to place a fixed background image

The HTML and CSS code example below shows you how to place a fixed background image.















The following link is to the web page that the above HTML and CSS code makes:
HTML and CSS background example
css html tutorial.com free hit counter free hit counters
free css xhtml tutorial free html xhtml tutorial free css xhtml tutorial StatCounter - Free Web Tracker and Counter

Posted in: