<p>これは、わたしが小さいときに、<span class="marker1">村の茂兵（もへい）</span>というおじいさんからきいたお話です。<br>
  むかしは、わたしたちの村のちかくの、中山というところに小さなお城（しろ）があって、<span class="marker2">中山さま</span>というおとのさまがおられたそうです。<br>
  その中山から、すこしはなれた山の中に、「<span class="bold">ごんぎつね</span>」というきつねがいました。</p>
<div class="box">
  茂兵→人間<br>
  中山さま→人間<br>
  ごんぎつね→きつね
</div>

.marker1{
  background:#ff9;
}
.marker2{
  background:linear-gradient(transparent 60%, #ff9 0%);
}
.bold{
  font-weight:bold;
}
.box{
  border: 4px double #aaa;
  padding: 20px;
  margin-top: 20px;
  border-radius:5px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.