Backgrounds and Borders 2

.box {
border: 5px solid;
border-top-left-radius: 20px;
border-bottom-right-radius: 40px;
background: url(star.png), url(star.png);
background-repeat: no-repeat;
background-position: 18px, 14px, top-right ;
}

h2 {
text-align: center;

Backgrounds & Borders

Im trying to add the starts in both directions? Any help please.
also am I missing anything else?

Hello @UnknownScript

you doing great just a little things

background-repeat: no-repeat; should be changed to background-repeat: no-repeat,repeat-y; so the first image does not repeated and the second repeat verticaly

and for this background-position: 18px, 14px, top-right ;
it would be much easier to use background-position: left,right ;

and you missed the border color :wink:

it would be better to include a link to the topic in your future question so it be easier for people to get to it faster :slight_smile:

hope that help and have a nice day

Thank you very much.

you very welcome :slight_smile: