Try it Yourself: CSS Backgrounds

CSS Backgrounds

<!DOCTYPE html>
<html>
<head>
<style>
.hero {
  background-image: url('hero.jpg');
  background-repeat: no-repeat;
}
</style>
</head>
<body>

<div class="hero">
  <h1>Welcome</h1>
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.hero {
  background-image: url('hero.jpg');
  background-repeat: no-repeat;
}
</style>
</head>
<body>

<div class="hero">
  <h1>Welcome</h1>
</div>

</body>
</html>