Two background images on same element

HTML & CSS
1

Hi everyone,

I put a background image in the center bottom of a p tag:

p {
background-image: url(‘image.gif’);
background-repeat: no-repeat;
background-position: bottom center;
}

Is it possible put another image on the top of the same element at the same time?

Thanks in advance.

2

Separate it by a comma :slight_smile: .

background-image: url('image.gif'), url('image.gif');
3

Hi there gwnh,

further to RyanReese’s’ reply, you will also need…

    background-position: bottom center, top center;

coothead

4

That’s perfect - thanks so much

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.