<div class="a-box"></div>

<div class="b-box"></div>
body {
  margin: 50px auto;
  font-family: "Lato";
  font-weight: 300;
  width: 600px;
}

div.a-box {
  /* for modern browsers */
  background: url(http://d2o0t5hpnwv4c1.cloudfront.net/852_workingWithPages/working-with-pages-in-wordpress.jpg)
      0 0 no-repeat,
    url(http://d2f29brjr0xbt3.cloudfront.net/premium/promo_graphics/photo_premium.png)
      100% 0 no-repeat;
  width: 400px;
  height: 200px;
  margin: 20px auto;
}

div.b-box {
  background: #e3e3e3
    url(http://d2o0t5hpnwv4c1.cloudfront.net/863-gitTower/git-tower.jpg)
    no-repeat;
  background-size: 100% 100%;
  width: 400px;
  height: 200px;
  margin: 20px auto;
}

External CSS

  1. https://fonts.googleapis.com/css2?family=Lato:[email protected];900&amp;display=swap

External JavaScript

This Pen doesn't use any external JavaScript resources.