span要素で文字の一部を装飾するやり方

文章のなかのある一部分の単語や文字を装飾させたい、というときはspanタグを使ってCSSでスタイルをデザインをつくってみましょう。

文字を拡大する

.sample1 {
  font-size: 150%;
}
<p>こんにちは!<span class="sample1">カバのマーチン</span>です。</p>

ハイライト

.sample2 {
  background-color: yellow;
}
<p>こんにちは!<span class="sample2">カバのマーチン</span>です。</p>

サンプルの実行結果