CSSメモ ブロック要素の背景に画像を敷く

レスポンシブです。

フリー素材の山岳

test0123456789。あいうえおかきくけこ

<style>
  .top{
    padding:120px 0;
    background-image:url(https://cdn-ak.f.st-hatena.com/images/fotolife/s/sirakabaararagi/20200403/20200403042518.jpg);
    color:white;
    background-size:cover;/* 画像の扱いについて。http://www.htmq.com/css3/background-size.shtml */
  }
  .container{
    width:1100px;/* コンテナの横幅。狭ければコンテナの中で改行が見られる */
    padding-left:15px;
    padding-right:15px;
    margin-left:0 auto;
    margin-right:0 auto;
  }
</style>

<div class="top">
  <div class="container">
    <h1>フリー素材の山岳</h1>
    <p>test0123456789。あいうえおかきくけこ</p>
  </div>
</div>