<p>あのイーハトーヴォのすきとおった風、夏でも底に<span class="te1">冷たさ</span>をもつ青いそら、うつくしい<span class="te2">森で飾られた</span>モリーオ市、郊外のぎらぎらひかる草の波。</p>

<p style="width: 90%">ビールに合うつまみは何だろうか。甘いものよりは、<span class="te3">絶妙な塩味</span>の効いたものと言うことになるだろう。</p>
body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: #333;
}
p{
  font-size: 1rem;
  width: 60%;
  padding: 1rem 3rem;
}
.te1{
  -webkit-text-emphasis: filled circle blue;
}
.te2{
  -webkit-text-emphasis: filled sesame blue;
}
.te3{
  -webkit-text-emphasis: '🍺';
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.