0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>For our final challenge, create an image of the “CAT Academy” poster. The image addresses and a small hint can be found in the comments in the CSS code.</p>
1
<p>For our final challenge, create an image of the “CAT Academy” poster. The image addresses and a small hint can be found in the comments in the CSS code.</p>
2
<p>You can overlay backgrounds using nested elements, or you can use multiple background images.</p>
2
<p>You can overlay backgrounds using nested elements, or you can use multiple background images.</p>
3
<p>Multiple background images are really easy to assign. Take the familiar background property and list the desired images separated by commas. For example:</p>
3
<p>Multiple background images are really easy to assign. Take the familiar background property and list the desired images separated by commas. For example:</p>
4
background: url("img1.png") no-repeat 0 0, url("img2.png") repeat-x 50% 50%, url("img3.png");<p>In this example, the element will have 3 background images. So, the image img3.png will end up in the bottom layer, andimg1.png will appear in the top layer.</p>
4
background: url("img1.png") no-repeat 0 0, url("img2.png") repeat-x 50% 50%, url("img3.png");<p>In this example, the element will have 3 background images. So, the image img3.png will end up in the bottom layer, andimg1.png will appear in the top layer.</p>