CSS for background picture stretching

Using the CSS3 property: Background-size

Background-size:cover can be stretched like a desktop wallpaper

Here are the explanations above:

Grammar
Background-size:length|percentage|cover|contain; Value Description
Length sets the height and width of the background image.

The first value sets the width, and the second value sets the height.

If you set only one value, the second value is set to "Auto".

Percentage sets the width and height of the background image as a percentage of the parent element.

The first value sets the width, and the second value sets the height.

If you set only one value, the second value is set to "Auto".

Cover the background image to be large enough to allow the background image to completely cover the background area.

Some parts of the background image may not appear in the background positioning area.

The contain expands the image image to its maximum size so that its width and height are fully adapted to the content area.

