CSS Properties Background

First, Background-size

1. The specific PX value, and the height of the north background image

2. Set the percentage, relative to the container's width and height

3. Set three types of laying:

(1) Cover: to the width/height as the basic, as far as possible to spread the entire container, overflow part of the cut off

(2) contain: to the width/height as the basic, as far as possible to fill the entire container, but the requirements can not overflow container

Second, background-repeat:repeat/no-repeat; If a picture does not fill the entire container, repeat the picture tile

Third, Background-position:

1, the specific two PX value, set the offset value relative to the upper left corner of the container

2, two percent values: calculated as (width of container-width of background picture) * Percentage, height analogy

3.left, right, top, bottom, respectively, equal to the first percent of 0%, 100%, the second percentage of 0%,100%

4.center, equivalent to 50% of the percentage

Note: background-position must write two values, not a single value in place of two identical values

　　

CSS Properties Background