×
×
Correct!

Position the two background images in each top corner.

img1.gif at the left and img2.gif at the right.

<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: left top, right top; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: top left, right top; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: top left, top right; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>
<style> body { background-image: url('img1.gif'), url('img2.gif'); background-repeat: no-repeat, no-repeat; background-position: left top, right top; } </style> <body> <h1>This is a heading</h1> <p>This is a paragraph</p> <p>This is a paragraph</p> </body>

Not Correct

Click here to try again.

Correct!

<style>
body {
  background-image: url('img1.gif'), url('img2.gif');
  background-repeat: no-repeat, no-repeat;
  : , ;
}
</style>

<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph</p>
  <p>This is a paragraph</p>
</body>

  
  
  




×

Reset the Score?

This will reset the score of ALL 138 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 138 CSS exercises.

Share your score:



Get Certified!

Take our CSS Developer Certificate to prove that you have fundamental knowledge of web development using CSS.