画像のような見た目でよければこちらのHTMLで可能です！！

HTML

<div class="box">
　　　　　<img src="画像URL" draggable="false" width="413" height="201" class="lazyload">
    <p>
        サンプルテキスト。<br>ここにコンテンツを入れてください
    </p>
</div>

CSS

 .box {
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
  /* 以下任意のスタイル */
  padding: 20px;
} .box {
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;

  /* 以下任意のスタイル */
  padding: 20px;
}

• 1 年, 9 月前  ホリィ CX ウィジェットが変更