CSS Background Chart Routines two: single element set multi-background map

The article may not be reproduced without consent.

The following diagram needs (pictures from the network):

For the above requirements, you can let the designer help the multiple cards to synthesize a picture, front-end only need to set a background on OK.

However, if the designer only provides a number of separate poker pictures, how to set multiple background map on the same element. The routine is simple:

. bgsection {
    background:url ("1.png"),
                url ("2.png"),
                #ffffff;
}

For example: set an element with a white background and a border up and down (by adjusting the position of the background)

. bgsection {
    background:url ("line_top_e6@2x.png") repeat-x 0 top/1px 1px,
                url ("Line_bottom_e6@2x.png") Repeat-x 0 bottom/1px 1px,
                #ffffff;
}

Report:
"CSS" background chart: Using Border-image to make a background image

Sign: The road long its repair far XI, I will go up and down and quest.

Author: Zhi Zhi