<div class="sample2"></div>
.sample2 {
  background-image:url(https://www.oookey.co.jp/blog/img/012_sample.jpg);
  width: 200px;
  height: 300px; 
  /* 背景画像がどのように表示されるか指定 */
  background-size: cover;
  /* 背景画像の位置を真ん中に指定 */
  background-position: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.