テキスト装飾 – 一字ごとに強調

セサミ

HTML

<p>強調したいテキストに<span class="emphasis">マークをつけること</span>ができます。</p>

CSS

.emphasis {
  text-emphasis: sesame #e5c046;
  -webkit-text-emphasis: sesame #e5c046;
}

オープンサークル

HTML

<p>強調したいテキストに<span class="emphasis">マークをつけること</span>ができます。</p>

CSS

.emphasis {
  text-emphasis: open circle #e5c046;
  -webkit-text-emphasis: open circle #e5c046;
}