htmlで文字を強調するCSSの生成

htmlの文書で文字を強調させり方法は多くあります。「太字」「大きさ」「下線」「斜体」「影付け」などの文字形状を変えて目立つようにする他に、「文字色」「背景色」「ラインマーカー」など色を変えることで目立つようにすることもできます。
ページのデザインや強調度合いで色々選択することが出来ます。

また、アニメーションを利用することで「点滅」「回転」や「ラインマーカーを引く」などのアニメーションを利用することで、さらに目立つ文字とすることが出来ます。

生成された「html」「css」などのソースコードは、そのままコピー＆ペーストで利用することが出来ます。

<div class="box">
  文字を<span class="str">強調する</span>CSSサンプル
</div>

.str {
  display       : inline-block;        /* ブロック化              */
  font-weight   : bold;                /* 太字                    */
  font-size     : 150%;                /* 文字を大きくする        */
  border-bottom : 2px solid #0059b3;   /* 下線                    */
  color         : #ff0000;             /* 文字色                  */
}