<!DOCTYPE html>
<head>
<title>CSS background-image</title>
<style type="text/css">
p {
font-size: 1.7em;
color: #1c8c0f;
background-image: none;
background-color: transparent;
}
div {
background-image: none;
}
.catsandstars {
background-image:
url("https://mdn.mozillademos.org/files/11991/startransparent.gif"),
url("https://mdn.mozillademos.org/files/7693/catfront.png");
background-color: transparent;
}
</style>
</head>
<body>
<div>
<p class="catsandstars">This paragraph is full of cats
<br />and stars.</p>
<p>This paragraph is not.</p>
<p class="catsandstars">Here are more cats for you.
<br />Look at them!</p>
<p>And no more.</p>
</div>
</body>
</html>